模式关闭后,React Select重新聚焦

问题描述

我对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