react-select-级联选择未清除的MultiValue

Question

我正在创建一种层叠式布局，其中有两个用于“角色”和“用户”的“选择”组件，我想要的功能非常出色，除了一个用例，其中在清除/删除角色或清除所有角色时，“用户选择”组件为没有清除MultiValue项目，但是数据集正在正确清除。

请指导我如何实现上述功能，可能是我遗漏了某些东西，或者可能是某种问题。

这是一个代码段-https://codesandbox.io/s/l98n1o6lq7

Answer 1

您可以通过value中Select上的react-select属性来控制它。以下是您可以尝试相应操作的代码-

<Select
  closeMenuOnSelect={false}
  isMulti
  options={showUsers}
  value={showUsers}
  hideSelectedOptions={true}
  backspaceRemovesValue={true}
/>

工作演示-https://codesandbox.io/s/9z02ql079p