React -如何有条件地显示获取的数据

import React, { Component } from 'react';

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

  componentDidMount() {
    // 异步获取数据的方法，这里只是一个示例
    fetchData()
      .then(data => {
        this.setState({
          data: data,
          isDataLoaded: true
        });
      });
  }

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

    if (isDataLoaded) {
      // 数据加载完成，渲染数据
      return (
        <div>
          {/* 使用获取到的数据进行渲染 */}
          {data}
        </div>
      );
    } else {
      // 数据未加载完成，渲染加载中的提示
      return (
        <div>Loading...</div>
      );
    }
  }
}

export default MyComponent;