Как при клике сохранять все значения в 1 state?

Question

[Elrock]

Словил затуп, допустим есть state ={listItems:null} и при клике я беру какой то объект и закидываю туда, при следующем клике я должен взять прошлый объект + новый и записать туда же в state. В конце должен выйти listItem из объектов новых, но как это сделать. Вот моя неправильная реализация:

state = {
    listItems: null,
  }
addItem = (itemId) => {
    const newItem = this.props.itemsList.filter(
      item => itemId === item.id
    )
    this.setState(state => ({
       listItems: [state.listItems, newItem[0]]
    }))
  }

Answer 1

[abberati]

state = {
    listItems: [],
}

Answer 2

[Александр Черемхин]

state = {
    listItems: []
  }
addItem = (itemId) => {
    const newItem = this.props.itemsList.find(item => itemId === item.id);
    
    newItem && this.setState(state => ({
       ...state,
       listItems: [...state.listItems, newItem]
    }))
  }