Fatal编程技术网
  • reactjs/
  • Reactjs 反应选择自定义输入失去焦点

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

reactjs

Reactjs 反应选择自定义输入失去焦点,reactjs,react-select,Reactjs,React Select,我使用react select作为选择下拉列表。我以这样一种方式构建输入：当输入select时，会触发一个取消公告的网络请求，然后结果就是下拉选项 代码位于此处： 基本上，在上面的代码中，我创建了一个react select数组，并在单击add或remove按钮时添加和删除一个 我使用自定义输入，这样我就可以获得一个连接到输入DOM节点的回调引用，并在单击“AddSelect”按钮时自动聚焦它 第一个问题是： 应用程序加载 无法单击第一个输入 第二期： 应用程序加载 单击“添加选择” 自动对焦

我使用react select作为选择下拉列表。我以这样一种方式构建输入：当输入select时，会触发一个取消公告的网络请求，然后结果就是下拉选项

代码位于此处：

基本上，在上面的代码中，我创建了一个react select数组，并在单击add或remove按钮时添加和删除一个

我使用自定义输入，这样我就可以获得一个连接到输入DOM节点的回调引用，并在单击“AddSelect”按钮时自动聚焦它

第一个问题是：

  • 应用程序加载
  • 无法单击第一个输入
    • 第二期：

  • 应用程序加载
  • 单击“添加选择”
  • 自动对焦应用于新选择
  • 开始键入并等待网络请求解决
  • 单击“添加选择”
  • 单击以前键入的“选择”
  • 试着打字
  • 观察-输入在第一个字符后失去焦点
    • 这是我编辑的版本，没有完全使用回调引用：

    这个问题仍然存在

  • 试着输入
  • 输入一个字符后，焦点转到正文
    • 在GitHub上链接的答案如下：