Javascript 清除“反应选择”中的值

我在onChange中创建了这个函数，使用react select处理输入。就提交输入和以后使用而言，它工作得非常好。问题是，clear属性不起作用。在我在onChange中创建函数之前，每当我单击“x”时，它都会工作。但现在情况并非如此。有什么帮助吗

  {["role1", "role2", "role3"].map(role => (
          <Select
            cacheOptions
            defaultOptions
            loadOptions={this.loadOptions}
            key={role}
            getOptionLabel={i => i.full_name}
            getOptionValue={i => i.id}
            closeMenuOnSelect={false}
            isMulti
            className="selectStyle"
            placeholder={t(role)}
            value={form.users.filter(item => item.role === role)}
            onChange={values => {
              let newValues = form.users;

              values.forEach(item => {
                if (
                  newValues.filter(v => v.id === item.id && v.role === role)
                    .length
                ) {
                  return;
                }

                item.role = role;
                newValues.push(item);
              });

              setFormValue({ name: "users", value: newValues });
            }}
            clearValue={() => {
              setFormValue({
                name: "users",
                value: form.users.filter(item => item.role !== role)
              });
            }}
          />

{[“角色1”、“角色2”、“角色3”].map（角色=>(
i、 全名}
getOptionValue={i=>i.id}
closeMenuOnSelect={false}
伊斯穆利
className=“selectStyle”
占位符={t（角色）}
value={form.users.filter（item=>item.role===role）}
onChange={values=>{
让newValues=form.users；
值。forEach（项=>{
如果(
newValues.filter（v=>v.id==item.id&&v.role===role）
.长度
) {
返回；
}
item.role=角色；
newValues.push（项目）；
});
setFormValue（{name:“users”，value:newValues}）；
}}
clearValue={（）=>{
setFormValue({
名称：“用户”，
值：form.users.filter（item=>item.role！==role）
});
}}
/>

当前clearValue的输出是什么？这是一个处理选择过程的函数。我创建它是为了能够在多个输入中使用相同的选项。