如何在 React 中将 select 元素与 prop 双向绑定

在反应中创建选择元素的批准方法是什么，它与包含组件的选择的道具有两种方式绑定？默认选择应该是 prop 的当前属性（可以生成，因为该值是任意的，并且在选择时 prop 属性应该反映选择。此外，应该可以将值直接写入选择字段。

我将选项添加到状态数组中，然后映射它们， 试试这个代码

import React, { Component } from 'react'

class SelectExample extends Component {
  constructor() {
    super()
    this.state = {
      options: ['One', 'Tow', 'Three'],
      selectedOption: 'One',
    }
  }

  handleChange = e => {
    this.setState({
      [e.target.name]: e.target.value,
    })
  }

  render() {
    return (
      <select name='selectedOption' onChange={this.handleChange}>
        {this.state.options.map(i => i == this.state.selectedOption ? (
        <option value={i} selected>
          {i}
        </option>
        ) : (<option value={i}>{i}</option>) )}
      </select>
    )
  }
}