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

标签 javascript reactjs react-hooks react-select

ReactSelect V2V3 似乎有几个 props,例如 clearValueresetValuesetValue。无论我尝试什么,我都无法以编程方式清除选择。 resetValue 似乎无法从外部访问。

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

这不会清除当前选择。

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

最佳答案

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

我希望这对某人有帮助。

import ReactSelect from 'react-select';

...

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

关于javascript - 如何以编程方式清除/重置 React-Select?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50412843/

相关文章:

javascript - javascript 可以检测是否打开了新窗口或浏览器吗?

javascript - 无法使用ajax上传文件

javascript - ajax 发布数据错误 [object HTMLCollection]

reactjs - 使用 create-react-app 添加更多 service-worker 功能

javascript - 可以对状态进行引用(来自 reducer )以避免创建新的回调吗?

javascript - 如果出错,plupload 重试

reactjs - 重构 withState 如何更新 Prop 变化

reactjs - Azure 静态 Web 应用上的 React 的构建配置是什么?

javascript - ReactDOM.createPortal() 在函数中调用时呈现空元素

javascript - 在现有数组中添加数组中的新对象