javascript - 如何以编程方式清除/重置 React-Select？

Question

ReactSelect V2 和 V3 似乎有几个 props，例如 clearValue、resetValue 和 setValue。无论我尝试什么，我都无法以编程方式清除选择。 resetValue 似乎无法从外部访问。

selectRef.setValue([], 'clear')
// or
selectRef.clearValue()

这不会清除当前选择。

我是否错过了这里的某些内容，或者它尚未完全实现？

Answer 1

我自己也遇到过这个问题，并通过将 key 传递给 React-Select 组件并附加所选值来解决它。当选择更新时，这将强制 ReactSelect 重新渲染自身。

我希望这对某人有帮助。

import ReactSelect from 'react-select';

...

<ReactSelect
  key={`my_unique_select_key__${selected}`}
  value={selected || ''}
  ...
/>