使用reactjs中的select字段初始化defaultValue

Question

<select defaultValue={(default_value !== undefined) ? default_value : ""} >

如果defaultValue为“”，它会选择值为“”的选项还是选择第一个作为默认值？

如果default_value未定义，我想选择第一个作为默认值。

Answer 1

如果你在defaultValue中给出undefined ，那么它将选择第一个选项作为默认值，如果你给''或任何值，它将搜索并选择该选项，但是如果它没有找到该值，它将选择第一个选项。 尝试这个：

class Logo extends React.Component {
        render(){
            let defaultValue = '';
            return (
                <select defaultValue={defaultValue} >
                   <option value='a'>a</option>
                   <option value='b'>b</option>
                   <option value='c'>c</option>
                   <option value='d'>d</option>
                </select>
            );
       }
}

检查jsfiddle ： https ： jsfiddle