Вставить предопределенные объекты в массив, используя setState в реакции

Question

Как мне добиться этого с помощью оператора спреда / ES6?

Я хочу просмотреть свои данные и заполнить мое состояние массивом объектов, где объекты содержат две пары ключ / значение. Я бы хотел, чтобы это было похоже на ...

this.state = {
data: [ {indexNumber: 1, show: false}, {indexNumber: 2, show: false}, {indexNumber: 3, show: false} ]

Моя [мутированная] версия;

this.state = { data: []}

data.map((element, index) => {
    this.state.data.push({ indexNumber: index, show: false}] })
});

Answer 1

Вы не можете изменять объект состояния. Вам нужно будет вызвать setState и использовать новое значение:

this.setState({data: [...this.state.data, {indexNumber: index, show: false}]})