反应选择自定义输入失去重点

Question

我正在使用react-select作为选择下拉列表。我以这样的方式构建输入：键入选择内容时，将触发去抖动的网络请求，然后出现下拉选项。

代码位于此处：

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

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

我正在使用自定义输入，以便可以将回调引用附加到输入DOM节点，并在单击“添加选择”按钮时将其自动聚焦。

第一个问题是这个

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

第二个问题：

1. 应用加载
2. 点击“添加选择”
3. 自动对焦将应用于新选择
4. 开始输入并等待网络请求解决
5. 点击“添加选择”
6. 单击以前键入的内容进行选择
7. 尝试输入
8. 观察-输入的第一个字符后失去焦点

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

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

问题仍然存在

1. 尝试输入内容
2. 键入一个字符后，焦点将移到正文上

Answer 1

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