我想显示在react中工作时的加载

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

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

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

    if (isLoading) {
      return <LoadingSpinner />;
    }

    return <NormalContent />;
  }
}

import LoadingSpinner from 'react-loading';

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

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

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

    return (
      <div>
        {isLoading ? (
          <LoadingSpinner type="spin" color="#000" />
        ) : (
          <NormalContent />
        )}
      </div>
    );
  }
}