如何在reactJS中获取下拉选定值并赋值给状态？

constructor(props) {
  super(props);
  this.state = {
    selectedValue: ''
  };
}

render() {
  return (
    <div>
      <select onChange={this.handleSelectChange}>
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
      </select>
    </div>
  );
}

handleSelectChange = (event) => {
  this.setState({ selectedValue: event.target.value });
}

render() {
  const { selectedValue } = this.state;
  return (
    <div>
      <select onChange={this.handleSelectChange}>
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
      </select>
      <p>Selected value: {selectedValue}</p>
    </div>
  );
}