javascript - 使用reactjs中的选择字段初始化默认值

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.net/cvw7h1th/