改变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的不变性助手

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

  this.setState(newState);