React语义UI：如何为下拉元素的输入字段设置焦点

Question

是否可以最初将焦点设置为 Dropdown 元素的输入字段？

<Dropdown
  name={name}
  placeholder='Select type'
  search
  searchInput={{ type: 'text' }}
  selection
  onChange={this.handleChange}
  options={options}
/>

因此，用户应该能够开始输入/搜索，而无需单击下拉输入字段...

Answer 1

如果我正确理解你的问题，你想在加载内容时让下拉组件获得焦点吗？

如果确实如此，那么您需要使用 Refs。有关详细示例，请参阅以下内容： Refs 和 DOM

尤其：

何时使用参考文献

参考文献有一些很好的用例：

• 管理焦点、文本选择或媒体播放。
• 触发命令式动画。
• 与第三方 DOM 库集成。