如何将组合框设置为默认值

<select>
  <option value="option1">Option 1</option>
  <option value="option2" selected>Option 2</option>
  <option value="option3">Option 3</option>
</select>

$(document).ready(function() {
  $('#mySelect').val('option2');
});

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedOption: 'option2'
    };
  }

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