Javascript 如何在react js中选中所选选项

我正在尝试使用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>

选择1
选择2
选择3
选择4
选择5

---

我已经尝试了defaultValue，还添加了所选的

，但它不起作用。我是否遗漏了代码中的某些内容？

您可以简单地使用如下内容..在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>

选择1
选择2
选择3
选择4
选择5

看看

处理statevalue时，请使用onChange（）事件

选择1
选择2
选择3
选择4
选择5
无手柄选配件（e）{
这是我的国家({
您选择的状态值：e.target.value，
})
}

这将起作用，但当您选择其他选项时。它始终位于选定的值上。我无法使用onChange事件

onChange={this.handleSelectOption.bind（this）}

将其更改为其他选项。然后使用

handleSelectOption（event）{this.setState（{yourSelectedStateValue:event.target.value}）；}

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