如何在React JS中呈现之前等待状态？

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

  componentDidMount() {
    // 模拟异步加载数据
    setTimeout(() => {
      this.setState({
        isLoading: false,
        data: 'Hello World'
      });
    }, 2000);
  }

  render() {
    const { isLoading, data } = this.state;

    if (isLoading) {
      return <div>Loading...</div>;
    }

    return <div>{data}</div>;
  }
}

const MyComponent = React.lazy(() => import('./MyComponent'));

function App() {
  return (
    <div>
      <React.Suspense fallback={<div>Loading...</div>}>
        <MyComponent />
      </React.Suspense>
    </div>
  );
}