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

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（）不是一个函数。例如，使用按钮，ref正在工作。

PS：我不需要autoFocus

由于

Answer 1

您可以在Input Select道具中传递autoFocus，这将适用于Select。

<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道具，这将关注下划线输入＆＃34;附加＆＃34;选择。
Code example和Docs.

Answer 2

  val (files, directories) = fd.partition(_.isFile)

要访问，请使用

  val filesDirs = fd.groupBy { 
     case x if x.isFile => "FILE"
     case _ => "DIR"
  }

这是参考github link