在 react 中使用 setState 将预定义的对象推送到数组中

Posted 2023-02-22

【中文标题】在 react 中使用 setState 将预定义的对象推送到数组中

【英文标题】：Push predefined objects into array using setState in react

【发布时间】：2019-02-04 11:52:29

【问题描述】：

如何使用扩展运算符/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] )
);

【参考方案1】：

您不能修改状态对象。您必须调用 setState 并使用新值：

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