score:4

Accepted answer

you can pass the input inside the select the autofocus prop and this will apply to the select.

<select
  native
  value={value}
  input={<input id="integer" autofocus={true} />}
>
  {possibleoptions.map((item, key) => {
    return (<option value={item} key={key}>{item}</option>)
  })}
</select>

edit
when i posted the answer i have missed the part that you don't need the autofocus.

if you are using an input inside your select then you can use the inputref prop and this will focus the underline input "attached" to the select.
code example and docs.

score:2

<select
    ref="selectref"                                 
    native
    value={value}
    input={<input id="integer" />}
>
    {possibleoptions.map((item, key) => {
      return (<option value={item} key={key}>{item}</option>)
    })}
</select>

to access, use

this.refs.selectref.focus()

here's a reference github link


Related Query

More Query from same tag