3に反応 - SETSTATE()

  • 状態の集合を管理することで管理を実現するように反応します

 

  • 達成するためにthis.setStateを()を使用して、更新状態

 

  • this.setState()が呼び出され、再びUIをレンダリングするrenderメソッドを呼び出します反応します。

親コンポーネントがthis.setState()が呼び出された場合、サブアセンブリ親コンポーネント()を再レンダリングし、再度それらのrender()メソッドを実行するために関係なく、副成分の、使用中の親コンポーネントの状態オブジェクトを有していません。機能コンポーネントは再実行されます。

 

  • UIコンポーネントのセットにおける変更を反映するためにユーザのグループを維持するために、内部構成要素の状態状態変数です。

 

  • 組み立て、それを使用するための小道具、それは読み取り専用です。小道具は、親コンポーネント内で、値を変更しました。

 

  • this.setState()非同期動作であり、すぐに実行されません

 

例図では、同じ2つの出力コンソール

 

 

この問題は、コールバック関数によってバイパスすることができます

 

 

 

 

 

  •  this.setState()形式
    • 最初のパラメータがオブジェクトであります

 

    • 最初のパラメータは関数であります

 

第2のパラメータは、上記のように、2つの方法の効果であるthis.setState()コールバック関数プラスにすることができ

 

  • 概要
  • 各コンポーネントは、独自の状態を持つことができ、状態は、最初の使用に定義する必要があります。)状態がthis.setState(を通じて達成されなければならない変更

 

 

  • this.setState()は最初の引数であるか、またはJSONを返す必要があります。私たちは状態のキーを変更するJSONフィールド、JSONの値は、状態キーの新しい値です

 

 

 

  • 状態は、複数のJSONキーを含む場合、this.setState()は、1つまたは複数の対応するキーの値を変更することができます。

 

 

 

  • JSON典型的な動作

既存のデータに追加します

 

 

指定されたデータ配列を削除します

 

 

 

 オブジェクトの状態を更新します。なお、ここでは、変数名を使用してブラケットの添加は、ターゲット状態の名前です。

 

 

 

 

 

おすすめ

転載: www.cnblogs.com/crdanding/p/12113132.html