问题描述
我对react-select有问题。 在选择输入中选择选项时,我需要打开一个模态。
模态关闭后,我不希望输入重新聚焦, 实际结果是模态关闭后,输入变得集中。
在此示例中,我使用react-modal,但不在我的实际项目中使用。
示例代码:
https://codesandbox.io/s/eager-shannon-69n66?file=/src/App.js
有什么解决办法吗?
解决方法
使用select
的react钩子传递对useRef
下拉列表的引用,并在您的handleOnChange
方法中使用该reference
关闭下拉列表。通过调用其函数ref.current.blur()
;
我已经修改了您的代码。 https://codesandbox.io/s/winter-pine-jt1hv?file=/src/App.js