如何从Reactjs中的多个url获取数据？

import React, { Component } from 'react';

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

  async componentDidMount() {
    try {
      const response1 = await fetch('url1');
      const data1 = await response1.json();
      this.setState({ data1 });

      const response2 = await fetch('url2');
      const data2 = await response2.json();
      this.setState({ data2 });

      const response3 = await fetch('url3');
      const data3 = await response3.text();
      this.setState({ data3 });
    } catch (error) {
      console.error(error);
    }
  }

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

    return (
      <div>
        {/* 使用获取到的数据进行渲染 */}
      </div>
    );
  }
}

export default MyComponent;