javascript - 如何在react js中检查所选选项

Question

我正在尝试使用 React js 在我的选择框中添加所选选项。这是我的代码

<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>

我已经尝试了 defaultValue 并添加了 selected 但它不起作用。我是否遗漏了我的代码的某些内容？

Answer 1

您可以简单地使用类似这样的东西..其中选定的值位于 select(value property) 中， react 就是这样工作的...

<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,
   })
}