React状態を変更する好ましい方法は何ですか？

中にプレーンオブジェクトのリストがあり、this.state.listそのリストを使用して子のリストをレンダリングするとします。オブジェクトを挿入する正しい方法は何this.state.listですか？

以下は、this.stateドキュメントで言及されているように直接変更できないため、私がそれが機能すると思う唯一の方法です。

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

これは醜いようです。もっと良い方法はありますか？

concat 新しい配列を返すので、

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

別の選択肢は、Reactの不変性ヘルパーです。

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

  this.setState(newState);

setState（）は、関数をパラメーターとして呼び出します。

this.setState((state) => ({ list: state.list.concat(newObj) }))

またはES5の場合：

this.setState(function(state) {
  return {
   list: state.list.concat(newObj)
  }
})

2016年の更新

ES6で使用できるもの：

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

反応ドキュメントから（https://facebook.github.io/react/docs/state-and-lifecycle.html#state-updates-may-be-asynchronous）：

this.propsとthis.stateは非同期に更新される可能性があるため、次の状態を計算するためにそれらの値に依存しないでください。

代わりにこれを行う必要があります：

this.setState((prevState) => ({
  contacts: prevState.contacts.concat([contact])
}));