如何检查反应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属性）中就会起作用......

<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

处理statevalue，使用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,
   })
}