Was ist der richtige Weg, um leeres Menüelement für SelectField anzuzeigen (Material-Ui, reagieren)

Question

Ich verwende select-field von Material-UI-Framework der neuesten Version 0.15.4 mit Reaktion der Version 15.4.0. Ich versuche, ein leeres Menü-Element zum Auswahl-Feld hinzuzufügen, um den Wert für das "Dropdown" -Feld abzuwählen, wenn ich darauf klicke. Wenn ich versuche, es wie

<MenuItem value="" primaryText="" /> 

hinzuzufügen, wird es nicht in der Dropdown-Liste der Elemente angezeigt. Was ist der richtige Weg, um die Funktionalität eines leeren Auswahlfelds in SelectField hinzuzufügen?

Answer 1

Wenn Sie den MenuItem-Wert auf "" und primaryText auf "" setzen, wird er in den Auswahlmöglichkeiten unsichtbar.

Ich schlage vor, Sie dies tun:

<SelectField value={this.state.some_key}> 
    <MenuItem value="Choice1" primaryText="Choice1" /> 
    <MenuItem value="Select" primaryText="Select" /> 
</SelectField> 

und dann auf onChange:

onChange = (event, index, value) => { 
    if(value === "Select") { 
     this.setState({some_key = ""}) 
    } 
} 

Diese einmal leer Eingabe auf dem Feld zeigen, wird die "Select" geklickt wird.