如何在React中设置Select2组件的选中状态？

import React, { Component } from 'react';
import $ from 'jquery';
import 'select2';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedOption: 'option1' // 默认选中的选项
    };
  }

  componentDidMount() {
    // 初始化Select2组件
    $(this.selectRef).select2();
  }

  handleChange = (event) => {
    this.setState({ selectedOption: event.target.value });
  }

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

export default MyComponent;