Material-UI NativeSelect预选选项不起作用

Question

我在这里有这个代码：

<NativeSelect
classes={{
    icon: classes.icon
}}
className={classes.select}
onChange={this.onVersionChange}
    >
    {
        Object.keys(interface_versions).map(key => {
            return <option key={key} value={key}
            title={key}
            className={classes.selectOption}
            {...urlParams.get('ifversion') == key ? 'selected' : ''}
        >
            {key}
        </option>
        })};
</NativeSelect>

我现在尝试在创建过程中预先选择一个选项，如果密钥与我的URL参数值匹配但它不起作用。你能告诉我为什么吗？

Answer 1

您可以通过将value属性添加到NativeSelect组件来设置所选选项。

像这样的东西：

<NativeSelect 
  ....
  value={urlParams.get('ifversion')}
  ....
/>
  .....
</NativeSelect>