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

Question

我使用 select-field 来自 material-ui 最新 0.15.4 版本的框架和 15.4.0 版本的 React。我尝试将空白菜单项添加到 select 字段，以便在我单击它时能够为 'dropdown' 字段调整 select 值。当我尝试以

的方式添加它时

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

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

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" 后，该字段将显示空白输入。

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

What is the proper way to show blank menu item for SelectField (material-ui, react)

javascript

jsx

reactjs

material-ui