javascript - 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>

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

Answer 1

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

类似这样的事情:

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