如何在ReactJS中将属性从一个组件传递到另一个组件以执行ajax请求？

class ParentComponent extends React.Component {
  render() {
    const data = { name: 'John', age: 25 }; // 属性数据
    return (
      <ChildComponent data={data} />
    );
  }
}

class ChildComponent extends React.Component {
  componentDidMount() {
    const { data } = this.props; // 接收父组件传递的属性
    // 执行ajax请求
    fetch('https://api.example.com/data', {
      method: 'POST',
      body: JSON.stringify(data),
      headers: {
        'Content-Type': 'application/json'
      }
    })
      .then(response => response.json())
      .then(result => {
        // 处理ajax请求结果
        console.log(result);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  }

  render() {
    return (
      <div>Child Component</div>
    );
  }
}