Каков правильный способ отображения пустого пункта меню для SelectField (материал-ui, реакция)

Question

Я использую select-field из материала-ui рамки последней версии 0.15.4 с ответом версии 15.4.0. Я пытаюсь добавить пустой элемент меню в поле выбора, чтобы иметь возможность игнорировать значение для поля «выпадающего списка», когда я нажимаю на него. Когда я пытаюсь добавить его так, как

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

он не отображается в раскрывающемся списке элементов. Каков правильный способ добавления функциональности поля выбора в поле SelectField?

Answer 1

установка значения MenuItem на "" и primaryText на "" сделает его невидимым в выборе.

Я предлагаю вам сделать это:

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

, а затем на OnChange:

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

Это покажет пустой вход на поле после того, как "Select" щёлкнули.