react-select - Cascading选择未清除的MultiValue

Question

我正在创建一个级联类型的布局，其中我有两个用于角色和用户的选择组件，我想要的功能运行得非常好，除了在清除/删除角色或清除所有角色时，用户选择组件不会清除MultiValue项，而是正确地清除数据集。

请指导我如何实现上述功能，可能是我错过了什么或可能是某种问题。

下面是一个代码片段-- https://codesandbox.io/s/l98n1o6lq7

Answer 1

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

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

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