【发布时间】：2019-10-10 15:47:06
【问题描述】：
我使用 react-select 作为选择下拉菜单。我以这样一种方式构建了我的输入，当输入选择时，会触发一个去抖动的网络请求，然后下拉选项就是结果。
代码位于：
https://codesandbox.io/embed/nameless-leftpad-o3zwl
基本上，上面代码中发生的事情是，我正在创建一个反应选择数组，并在单击添加或删除按钮时添加和删除一个。
我正在使用自定义输入，以便我可以获取附加到输入 DOM 节点的回调 ref，并在单击“添加选择”按钮时自动聚焦它。
第一个问题是这样的：
- 应用加载
- 无法点击进入第一个输入
第二期：
- 应用加载
- 点击“添加选择”
- 自动对焦应用于新选择
- 开始输入并等待网络请求解决
- 点击“添加选择”
- 点击之前输入的选择
- 尝试输入
- 观察 - 输入在第一个字符后失去焦点
这是我编辑后的版本，没有完全使用回调引用：
https://codesandbox.io/embed/competent-cookies-tkfhc
问题依旧
- 尝试输入输入
- 输入一个字符后，焦点转到正文
【问题讨论】：
标签： reactjs react-select