- 状態の集合を管理することで管理を実現するように反応します
- 達成するために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典型的な動作
既存のデータに追加します
指定されたデータ配列を削除します
オブジェクトの状態を更新します。なお、ここでは、変数名を使用してブラケットの添加は、ターゲット状態の名前です。