So stellen Sie den Fokus auf FormControl ein - Auswählen? (reagieren)

Question

Ich habe material-ui - select und möchte programmgesteuert auf dieses Element konzentrieren.

<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> 

Ich habe versucht, mit dem ref und schreiben this.formControll.focus(); aber reagieren bedeutet mir, dass Fokus() keine Funktion ist. Mit einem Knopf zum Beispiel funktioniert der Verweis.

PS: Ich brauche nicht autoFocus

Dank

Answer 1

Sie die Input innerhalb der passieren kann Select die autoFocus Prop und dies gilt für die Select.

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

bearbeiten
Wenn ich die Antwort habe ich geschrieben das Teil verpasst haben, dass Sie die autoFocus nicht brauchen.

Wenn Sie einen Eingang innerhalb Ihrer Select verwenden, können Sie die inputRef Requisite verwenden, und dies wird den Unterstreichungseingang "angefügt" auf die Auswahl fokussieren.
Code example und Docs.

Answer 2

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

Um den Zugang, ist

this.refs.selectRef.focus() 

verwenden hier ein Referenz github link