Reactjs Обновить отдельный элемент в массиве внутри состояния

У меня есть компонент:

constructor(props) {
    super(props);

    this.state = {
        cards: []
    };
}

Внутри массива this.state.cards для каждой карты структура данных выглядит так:

{
  movie: v,
  ids: v.id,
  goodDeal: `Cheapest price is ... at ...`
}

Теперь мне нужно объединить другой массив карт (скажем, card2) с моим текущим массивом state.cards:

componentDidMount(){
    cards2.map((v, i)=>{
       var existedCard = this.state.cards.find((cv, ci)=>{
           if (cv.code === v.code){
               return cv;
           }
       })

       if (existedCard){
          existedCard.ids += v.id;

          this.setState((prevState, pros)=> {
              // then update the state, but how?                   
          })
       }
       else {
          // add the new card into the current cards array
       }
    })
}

Как видите, если я нашел карту (newCard) в card2, которая также находится в card1 (это state.cards), я добавляю newCard.id в existedCard.ids. Затем я хочу вызвать setState (), чтобы обновить состояние.

Но как?