React material-ui“选择”组件显示错误

时间:2018-10-24 08:30:50

标签: reactjs drop-down-menu material-ui form-control

我从material-ui核心1.2.1中进行选择时遇到了一个奇怪的问题。 单击其他位置后,“选择标题”将返回到所选值:

enter image description here enter image description here

这是我的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}

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

0 个答案:

没有答案