在反应中使用 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}]})