首页 > 解决方案 > 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}

也许你们中的一些人遇到过类似的问题。

标签: reactjsdrop-down-menumaterial-uiform-control

解决方案


推荐阅读