如何将焦点设置在 FormControl - Select 上？（反应）

Question

我有material-ui - select并希望以编程方式关注此元素。

<FormControl 
className="select100">
<Select
    ref={(formControll) => { this.formControll = formControll; }}                                 
    native
    value={value}
    input={<Input id="integer" />}
>
    {possibleOptions.map((item, key) => {
      return (<option value={item} key={key}>{item}</option>)
    })}
</Select>

我尝试用ref和 写this.formControll.focus()；但反应告诉我 focus() 不是一个函数。例如，通过按钮，裁判就可以工作。

PS：我不需要autoFocus

谢谢

Answer 1

您可以传递propInput内部，这将应用于.SelectautoFocusSelect

<Select
  native
  value={value}
  input={<Input id="integer" autoFocus={true} />}
>
  {possibleOptions.map((item, key) => {
    return (<option value={item} key={key}>{item}</option>)
  })}
</Select>

编辑
当我发布答案时，我错过了您不需要的部分autoFocus。

如果您在内部使用输入，Select则可以使用inputRef道具，这会将下划线输入“附加”到选择上。
代码示例和文档。