React-Select 自定义输入失去焦点

Question

我正在使用 react-select 作为 select 下拉菜单。我以这样的方式构建我的输入，当输入 select 时，会触发一个去抖动的网络请求，然后下拉选项就是结果。

代码位于此处：

https://codesandbox.io/embed/nameless-leftpad-o3zwl

基本上，上面代码中发生的事情是我正在创建一个反应数组 select，并在单击添加或删除按钮时添加和删除一个。

我正在使用自定义输入，这样我可以获得附加到输入 DOM 节点的回调引用，并在单击 "add select" 按钮时自动聚焦它。

第一期是这样的：

1. 应用加载
2. 无法点击进入第一个输入

第二期：

1. 应用加载
2. 点击"add select"
3. 自动对焦应用于新的 select
4. 开始输入并等待网络请求解决
5. 点击"add select"
6. 点击之前输入的select
7. 尝试输入
8. 观察 - 输入在第一个字符后失去焦点

这是我编辑后的版本，没有完全使用回调引用：

https://codesandbox.io/embed/competent-cookies-tkfhc

问题依然存在

1. 尝试输入输入法
2. 输入一个字符后，焦点转到正文

Answer 1

答案链接在 GitHub 此处：https://github.com/JedWatson/react-select/issues/3575