react-select

Question

我正在创建一种级联布局，其中我有两个 Select 角色和用户组件，我想要的功能非常棒，除了 clearing/removing 角色或清除的用例所有角色，用户 Select 组件未清除多值项目，但数据集已正确清除。

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

这是一个代码片段 - 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

react-select - 级联选择多值未被清除

react-select - Cascading Selects MultiValue not getting cleared

reactjs