Получить данные из 2 URL-адресов в одном компоненте в React. js

Question

Мне нужно разместить 2 независимых URL в одном компоненте. Как их использовать и где разместить, чтобы получить данные каждого из них?

    export default class App extends Component {
    async componentDidMount() {
            const response = await
                fetch(`URL_1`) 

            const user = await response.json(); 

}

Где и как вставить URL_2?

Answer 1

Вы можете создать обещание для обоих поразить оба URL одновременно, и после разрешения обоих вы можете использовать его.

export default class App extends Component {
    componentDidMount() {
            this.fetchData();
}

const fetchData = async() => {
  const requests = [];
  const responses = [];
  requests.push(fetch(`URL_1`));
  requests.push(fetch(`URL_2`));

  await Promise.all(requests).then(response => {
    response.forEach(resp => {
     responses.push(resp.data);
    });
  }).catch(err => {
     console.error(err);
  });
  return responses;
}