Реагировать - получить несколько запросов на получение

Question

Я хочу сделать запрос на получение нескольких apis одновременно с 2 разных URL, а затем я хочу просто обновить массив "items" в состоянии новым свойством "img", чтобы не перезаписывать его, Я ищу способ просто добавить его. Я хочу сохранить свойства с первого запроса. Вот моя попытка.

  componentDidMount(){

      let url = ``;
      let url2 = ``

        fetch(url,{
          method: 'GET'
        })
        .then((response)=> response.json())
        .then((responseJson) => {
          const newItems = responseJson.items.map(i => {
            return{
              itemId: i.itemId,
              name: i.name,
            };
          })
          const newState = Object.assign({}, this.state, {
            items: newItems
          });

          console.log(newState);
          this.setState(newState);
        })
        .catch((error) => {
          console.log(error)
        });


        fetch(url2,{
          method: 'GET'
        })
        .then((response)=> response.json())
        .then((responseJson) => {
          const newImg = responseJson.item.map( data=> {
            return{
              img: data.picture.url
            };
          })
          const newState = Object.assign({}, this.state, {
            items: newImg
          });

          console.log(newState);
          this.setState(newState);
        })
        .catch((error) => {
          console.log(error)
        });
    }

Answer 1

использование EC6 оператора спреда

this.setState ({items: {... this.state.items, newItems}});

Answer 2

Вы можете использовать Promise.all метод подробнее здесь . Например:

const p1 = fetch(url,{
          method: 'GET'
        })
const p2 = fetch(url2,{
          method: 'GET'
        })

Promise.all([p1, p2]).then(values => { 
// here you have an array of reponses
  console.log(values);
})