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

Question

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

如果defaultValue是＆＃34;＆＃34;，它会选择值为＆＃34;＆＃34;的选项或者它会选择第一个作为默认值？

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

Answer 1

如果您在defaultValue中提供undefined，那么它会选择第一个选项作为默认值，如果您提供''或任何值，它将搜索该选项并选择该选项，但如果它没有＆＃ 39;找到该值，它将选择第一个选项。试试这个：

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/