React -循环中的多个API请求

componentDidMount() {
  fetch('API_URL_1')
    .then(response => response.json())
    .then(data => {
      this.setState({ data1: data });
    })
    .catch(error => {
      console.error('Error:', error);
    });
}

componentDidMount() {
  fetch('API_URL_1')
    .then(response => response.json())
    .then(data => {
      this.setState({ data1: data });

      fetch('API_URL_2')
        .then(response => response.json())
        .then(data => {
          this.setState({ data2: data });
        })
        .catch(error => {
          console.error('Error:', error);
        });
    })
    .catch(error => {
      console.error('Error:', error);
    });
}

render() {
  const { data1, data2 } = this.state;

  if (!data1 || !data2) {
    return <div>Loading...</div>;
  }

  return (
    <div>
      {/* 根据数据展示内容 */}
    </div>
  );
}