обработка 2-го ответа при выполнении нескольких запросов GET в React

Question

Мне удалось передать первый ответ в данные имени состояния (this.state.data) компонента. Но когда я пытаюсь выполнить второй запрос data1 от другого API, он не появляется. Оба ответа хороши при проверке в инструменте dev, и первый я могу использовать данные.

class WeatherApp extends React.Component {
constructor(props) {
  super(props);
  this.state = {
    error: null,
    isLoaded: false,
    data: [],
    data1: []
  };
}

componentDidMount() {
  Promise.all([
      fetch("weatherAPI.php"),
      fetch("weatherAPIToday.php")
    ]).then(([res, res1]) => res.json())
    .then((result, result1) => {
        this.setState({
          isLoaded: true,
          data: result,
          data1: result1
        }, console.log(result));
      },

      (error) => {
        this.setState({
          isLoaded: true,
          error
        });
      }
    );
}

Answer 1

Поскольку и res, и res1 возвращают обещание, все, что вам нужно сделать, это обернуть их обоих в обещание # все

Promise.all([
    fetch("weatherAPI.php"),
    fetch("weatherAPIToday.php")
]).then(([res, res1]) => Promise.all(res.json(), res1.json()))
.then((result, result1) => {
    this.setState({
        isLoaded: true,
        data: result,
        data1: result1
    }, console.log(result));
})
.catch(error => {
    this.setState({ isLoaded: true, error });
});