为SelectField显示空白菜单项的正确方法是什么（material-ui，react）

Question

我使用最新0.15.4版本的material-ui框架中的select-field和版本15.4.0的反应。我尝试将空白菜单项添加到选择字段，以便在我点击它时能够忽略“下拉”字段的值。当我尝试以

的方式添加它时

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

它不会出现在项目的下拉列表中。在SelectField中添加选择空白字段功能的正确方法是什么？

Answer 1

将MenuItem值设置为＆＃34;＆＃34;和primaryText到＆＃34;＆＃34;将使它在选择中不可见。

我建议你这样做：

<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 = ""})
    }
}

一旦＆＃34;选择＆＃34;这将在字段上显示空白输入。点击。