将值数组附加到 React JS 中某个状态的当前数组

我的状态值为

this.state = {
    emp: [
        {id: "1", name: "A"}
        {id: "2", name: "B"}
        {id: "3", name: "B"}
    ]
}

我怎样才能添加一个像这样的数组var arr = {id:"4", name:"D"}给国家emp而不删除数组的当前值。我只想将新的值数组附加到当前状态数组。有人可以帮忙吗？

在现代 JavaScript 中，您可以使用扩展运算符：

添加单个项目

addItem = item => {
  this.setState({
    emp: [
      ...this.state.emp,
      item 
    ]
  })
}

添加多个项目：

addItems = items => {
  this.setState({
    emp: [
      ...this.state.emp,
      ...items
    ]
  })
}

The 扩展运算符 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax将所有元素放入this.state.emp在一个新的数组实例中并且item被附加为最后一个元素。

您不应该使用除以下方式之外的其他方式改变组件的状态：setState https://reactjs.org/docs/react-component.html#setstate因为您渲染的数据将不同步。