ReactJs无法从异步函数setSate in componentDidMount

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null,
    };
    this.abortController = new AbortController();
  }

  componentDidMount() {
    this.fetchData();
  }

  componentWillUnmount() {
    this.abortController.abort();
  }

  async fetchData() {
    try {
      const response = await fetch('https://api.example.com/data', {
        signal: this.abortController.signal,
      });
      const data = await response.json();
      if (!this.abortController.signal.aborted) {
        this.setState({ data });
      }
    } catch (error) {
      console.error(error);
    }
  }

  render() {
    // 渲染组件
  }
}