如何在组件挂载前获取fetch中的数据？

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [] // 初始化为空数组
    };
  }

  componentDidMount() {
    fetch('https://example.com/api/data') // 发送fetch请求
      .then(response => response.json()) // 处理响应数据
      .then(data => {
        this.setState({ data }); // 更新组件状态
      });
  }

  render() {
    // 使用获取到的数据进行渲染
    return (
      <div>
        {/* 渲染data */}
      </div>
    );
  }
}

export default MyComponent;