我可以使用多个api请求来填充React组件中的数据吗？

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data1: [],
      data2: [],
      isLoading: true
    };
  }

  componentDidMount() {
    Promise.all([
      fetch('api1-url'),
      fetch('api2-url')
    ])
    .then(([response1, response2]) => Promise.all([response1.json(), response2.json()]))
    .then(([data1, data2]) => {
      this.setState({
        data1: data1,
        data2: data2,
        isLoading: false
      });
    })
    .catch(error => {
      console.error('Error:', error);
    });
  }

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

    if (isLoading) {
      return <div>Loading...</div>;
    }

    return (
      <div>
        {/* 使用 data1 和 data2 填充组件 */}
      </div>
    );
  }
}

export default MyComponent;