uncontrolled <select> ReactJSのデフォルト値

Question

JSXスタンザで制御されていない<select>のデフォルト値を設定するにはどうすればよいですか？私は飛行中に多くの制御された<select>を持っている、私は違いを知っている。

Warning: Use the defaultValue or value props on <select> instead of settingがon <option>

selectedラインの取り外しとvalue又はdefaultValue行のコメントを解除選択コンソール警告を除去するが、何の影響も与えない：が恐ろしい生成されるように、

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

上記のコードを実行します（デフォルト値は表示されないので）ブラウザにはまったく表示されません。

私には何が欠けていますか？

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>