我正在使用MUI 4.1.2 我设置了一个Select,该Select起作用,除了从Select中选择一个项目时,该项目在单击后不显示可见显示。我有一个日志设置,它确实记录了所选的项目。
<FormControl>
<Select
value={this.state.quoteListName}
onChange={this.handleChange}
variant="outlined"
displayEmpty={true}
input={<Input id="QuoteListPlaceholder" />}
renderValue={
this.state.quoteListName > 0
? undefined
: () => <em>Select a Quote List</em>
}
>
<MenuItem value="" disabled>
<em>Select a Quote List</em>
</MenuItem>
{data.me.quoteList.map(item => {
return (
<MenuItem value={item.name} key={item.name}>
{item.name}
</MenuItem>
);
})}
</Select>
</FormControl>
我在堆栈溢出后找到了renderValue代码。我可能没有正确设置?它的确显示了“选择报价单”文本,但在选择“选择”中的一项之后仍显示该文本。请注意,我确实尝试过
this.state.quoteListName.length > 0
,但是没有用。