如何在父组件中对setState进行http调用，然后将状态发送到所有子组件？

// 父组件
import React, { Component } from 'react';
import axios from 'axios';
import ChildComponent from './ChildComponent';

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

  componentDidMount() {
    this.fetchData();
  }

  fetchData() {
    axios.get('https://api.example.com/data')
      .then(response => {
        this.setState({ data: response.data });
      })
      .catch(error => {
        console.error(error);
      });
  }

  render() {
    return (
      <div>
        <ChildComponent data={this.state.data} />
      </div>
    );
  }
}

export default ParentComponent;

// 子组件
import React, { Component } from 'react';

class ChildComponent extends Component {
  componentDidUpdate(prevProps) {
    if (prevProps.data !== this.props.data) {
      // 处理状态更新
    }
  }

  render() {
    // 渲染子组件
  }
}

export default ChildComponent;