React将ajax数据传递给子对象

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: []  // 存储ajax获取的数据
    };
  }

  componentDidMount() {
    // 使用ajax获取数据，并更新state
    // 这里使用了fetch函数作为示例，你也可以使用其他的ajax库
    fetch('url/to/ajax/data')
      .then(response => response.json())
      .then(data => this.setState({ data }))
      .catch(error => console.error(error));
  }

  render() {
    return (
      <div>
        <h1>父组件</h1>
        <ChildComponent data={this.state.data} />  // 将数据通过props传递给子组件
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <h2>子组件</h2>
        {/* 在子组件中使用通过props传递过来的数据 */}
        {this.props.data.map(item => (
          <div key={item.id}>{item.name}</div>
        ))}
      </div>
    );
  }
}