2016-12-02 34 views
1

子コンポーネントはReactに状態を持たないはずですか?私は状態が "ラッパーコンテナ"または親コンテナによって維持されるべきであることを理解しており、それは一方向フローを持つべきです。私はReactで始まり、最大10個の子コンポーネントを持つヘッダコンテナを持っています。Reactの子コンポーネントの状態

子コンポーネントの1つが、有効または無効にできる送信ボタンを持つフォームであるとします。

この子コンポーネントは、ボタン用に初期化された状態のコンストラクタを持つことができず、それを直接操作できるかどうか、またはラップトップコンテナ内の状態を分だけ維持することが重要ですか?

答えて

1

親コンテナにフォームの状態を管理させる必要があります。私は通常、各入力にonChangeリスナーをつけて、送信ボタンをクリックすると、親コンポーネントの関数を呼び出して、フォーム入力の状態に含まれる値を送信します。フォームは入力をレンダリングし、他に何もしないでください。基本的にはダムコンポーネントです。

1

リアクションの目的は、コンポーネントシステムをフロントエンドに提供することです。 ではなく、はどのように状態の流れを指定/実施しますか。一般的に、人々は共有や配布が容易であるため、国のないコンポーネントを好む。ただし、フロントエンドコンポーネントは完全にステートレス+宣言型になることはありません。

私は、this.stateを使用して、適切であると感じたときにローカル州を管理すると思います。

+0

これは知っている安堵です:) –

関連する問題