如何在react中处理容器元素中的加载/微调器

import React, { Component } from 'react';

class Container extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showLoader: false, // 控制加载/微调器的显示与隐藏
    };
  }

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

    return (
      <div>
        {/* 根据showLoader的值决定是否渲染加载/微调器 */}
        {showLoader && <Loader />}
        {/* 其他内容 */}
      </div>
    );
  }
}

class Loader extends Component {
  render() {
    // 加载/微调器的样式和功能
    return (
      <div>
        {/* 加载/微调器的内容 */}
      </div>
    );
  }
}

export default Container;