reactjs - React Material-ui“选择”组件显示bug
问题描述
我从 material-ui core 1.2.1 中选择时遇到了一个奇怪的问题。在我单击其他位置后,Select 的 Header 将返回所选值:
这是我的 Select + FormControl 代码:
this.state = {
selectedReseller: '',
resellers: []
};
{this.state.isAdmin && this.state.resellers.length > 0 ?
<span className="hl-license-top-controls">
<FormControl className="hl-license-top-controls select">
<InputLabel htmlFor="selectedReseller">Partner</InputLabel>
<Select
value={this.state.selectedReseller}
onChange={this.handleResellerChange('selectedReseller')}
inputProps={{
name: 'selectedReseller',
id: 'selectedReseller'
}}>
<MenuItem value="alle">Alle</MenuItem>
{
this.state.resellers.map(reseller => {
return <MenuItem key={reseller.id}
value={reseller.id}>{reseller.name}</MenuItem>
})
}
</Select>
</FormControl>
</span>
: null}
也许你们中的一些人遇到过类似的问题。
解决方案
推荐阅读
- python - 相同的代码在 python 中给出不同的输出
- c# - 如何在 Winforms、C# 中为文本框添加千位分隔符
- ios - 当我们在 DidSelect 上附加数组时,我们必须这样做以删除 DidDeselect 中的确切对象
- python - 使用条件逻辑创建新列并取决于列是否存在
- php - 如何从 laravel 控制器的表中获取 n 个数据?
- android - Android推送令牌被重置
- git - Git比较两个文件
- javascript - 如何保持字符串在视图中?外部窄 div 中的内部宽 div。内部宽 div 中的字符串
- spss - 如果变量中有文本,则 SPSS 标志
- javascript - 单击删除时不要重新加载页面