什麼是SelectField顯示空白菜單項的正確方法（material-ui，react）

Question

我使用最新的0.15.4版本的material-ui框架中的select-field，反應版本爲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 = ""}) 
    } 
} 

這將顯示在球場上曾經的 「選擇」 單擊空白輸入。