ReactJSと不変性

Question

私はしばらくReactJSを学んできました。 ReactJSが小道具、要素などのような多くの面で不変性を使用する理由は、私に困惑していることの1つです。これには特別な理由はありますか？この背後にある哲学は何ですか？

propsに新しいプロパティを追加しようとすると、以下のエラーが発生します。

キャッチされない例外TypeErrorは：プロパティに私を追加することはできません、オブジェクトがこの背後にある考え方は、一方向のデータフローである

Answer 1

リアクションは、明らかなパフォーマンス上の理由から不変性を使用します。あなたが状態を設定するたび 例えば

アイデアがある、あなたは状態を変異いけないが、あなたはそれの一部のクローンを作成し、次にあなたがすべき例

this.state = { 
entries: [1,2,3] 
} 

については状態

を更新

あなたはshouldComponentUpdate

012を使用する場合

this.state.setState({ 
entries: this.state.entries.slice().push(9); //not this.state.entries.push(9) 
}) 

パフォーマンスの向上が達成されていますshouldComponentUpdateで

は、あなただけの参照を比較し、によるものではない深いはるかに予測可能な双方向のバインディングよりも、私はその一方向のデータフローを追加したい

shouldComponentUpdate(prevState,newState){ 
    return prevState.entries != newState.entries 

} 

Answer 2

拡張可能ではありません - データは、（トップレベルから葉のコンポーネントに）流下してアクションがアップして流れます。

コンポーネントは、そのデータを小道具から受け取り、何かを変更するために、親にコールして何かを変更するように要求しなければなりません。

公式サイトのThinking in Reactページで詳細を読むことができます。それは概念をきちんと説明しています。