javascript - 改变 React 状态的首选方法是什么？

Question

假设我的 this.state.list 中有一个普通对象列表，然后我可以使用它来呈现子项列表。那么将对象插入到 this.state.list 中的正确方法是什么？

下面是我认为唯一可行的方法，因为您不能像文档中提到的那样直接改变 this.state。

this._list.push(newObject):
this.setState({list: this._list});

这对我来说很丑陋。有没有更好的办法？

Answer 1

concat返回一个新数组，所以你可以这样做

this.setState({list: this.state.list.concat([newObject])});

另一种选择是 React 的 immutability helper

  var newState = React.addons.update(this.state, {
      list : {
        $push : [newObject]
      }
  });

  this.setState(newState);