反応jsで選択したオプションを確認する方法

Question

反応jsを使用して選択ボックスに選択したオプションを追加しようとしています。ここで私はすでにはdefaultValueを試してみてもselectedを追加するが、それは動作しません。私のコード

<Field component='select' name='sample'> 
          <option value={1}>option1</option> 
          <option value={2}>option2</option> 
          <option value={3} {..."selected"}>option3</option> 
          <option value={4}>option4</option> 
          <option value={5}>option5</option>        
         </Field> 

です。私のコードについて何か忘れましたか？

あなたは、単に選択した値が選択（valueプロパティ）であるthis..whereのようなものを使用することができます

Answer 1

は道...

<select value={yourSelectedStateValue}> 
     <option value={1}>option1</option> 
     <option value={2}>option2</option> 
     <option value={3}>option3</option> 
     <option value={4}>option4</option> 
     <option value={5}>option5</option>        
</select> 

が扱っLink Here

を見て作品を反応させます状態値、onChange（）イベントを使用してください...

<select value={yourSelectedStateValue} onChange={this.handleSelectOption.bind(this)}> 
     <option value={1}>option1</option> 
     <option value={2}>option2</option> 
     <option value={3}>option3</option> 
     <option value={4}>option4</option> 
     <option value={5}>option5</option>        
</select> 


handleSelectOption(e){ 
    this.setState({ 
     yourSelectedStateValue: e.target.value, 
    }) 
}