ReactJS中不受控制的<select>默认值

Question

如何设置不受控制的＆lt; select＆gt;的默认值在JSX节？我有许多受控的＆lt; select＆gt;在飞行中，我知道不同之处。 ＆LT;选择   // defaultValue =＆＃34;选择类型＆＃34;   // value =＆＃34;选择一种类型＆＃34;   onChange = {this.handleTypeSelect.bind（this，event）} ＆GT;   ＆lt; option value =＆＃34;＆＃34;已停用已选中＆gt;选择类型＆lt; / option＆gt;   ＆lt; option value =＆＃34; type1＆＃34;＆gt; type1＆lt; / option＆gt;   ＆lt; option value =＆＃34; type2＆＃34;＆gt; type2＆lt; / option＆gt; ＆LT; /选择＆GT; 按原样运行上面的代码会产生可怕的： 警告：在＆lt; select＆gt;上使用defaultValue或值props而不是设置选择＆lt;选项＆gt; 删除所选行并取消注释value或defaultValue行将删除控制台警告，但根本不会影响浏览器（因为默认值不会显示）。 我错过了什么？

Answer 1

defaultValue获取您想要选择的默认选项的值。您的选项选择类型没有价值。

如果您执行<option value="-1">Select a type</option>，那么defaultValue={-1}它应该有效。

<select defaultValue={-1} onChange={ this.handleTypeSelect.bind(this, event)}>
    <option value="-1" disabled>Select a type</option>
    <option value="type1">type1</option>
    <option value="type2">type2</option>
</select>