从API获取数据后如何设置react-select的默认值

import React, { Component } from 'react';
import Select from 'react-select';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      options: [], // 存储从API获取的选项数据
      defaultValue: null, // 存储默认值
    };
  }

  componentDidMount() {
    // 通过API获取数据
    fetch('https://api.example.com/options')
      .then(response => response.json())
      .then(data => {
        // 将获取到的数据保存在状态中，并设置默认值
        this.setState({
          options: data,
          defaultValue: data[0], // 这里假设默认选第一个选项
        });
      })
      .catch(error => console.log(error));
  }

  render() {
    const { options, defaultValue } = this.state;

    return (
      <Select
        options={options}
        value={defaultValue}
        // 其他react-select的配置属性...
      />
    );
  }
}

export default MyComponent;