評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。commentコメント投稿link0全面的なreduxの実装まで至らなくても、component_Aとcomponent_Bをrenderする親コンポーネント(コンテナ?)で再計算して送ればいいです。component_A内のxや、component_B内のyが変更されたことを、親コンポーネントがどう知るか、がreduxとは異なって来ます。下記の例示ではxやyはテキスト入力と仮定します。■redux使用の場合1component_A内のx入力要素のonChangeイベント等でmodelの関数をコール。2modelでは数字チェック等行ってactionを作成してdispatch。この時reducerを通じてグローバルなstateに値保存。3再度renderがかかるため、親コンポーネントにて、グローバルなstateからxやyの値を取得。(別に2の時点でz計算しといて保存しとくのもありです)4component_Aとcomponent_Bにxyz受け渡す。■redux使用無しの場合1component_Aに対して、親コンポーネント上でのx変更関数をpropsとして受け渡し。2component_A内のx入力要素のonChangeイベントで数字チェック等行って1で渡されている親の関数を呼ぶ。3親コンポーネントのx入力関数(1の中身)では単純にthis.setStateでxを保持。この時zも計算していっしょにsetState。4setStateによる再renderがかかるので、component_Aとcomponent_Bにxyz受け渡す。どちらもcomponent_Aなどの子コンポーネントは自身の中にxやyを保持せず、上位から落ちてくる作りとなります。これを「ステートレスコンポーネント」と言います。詳しいことは調べてください。ステートレスにすることによって、上位から指定した事しかしなくなる(子の中で独自に持つデータが無い)ため使い回しが効きます。これは慣れると新しいHTMLタグを自分で作っていくかのようにプロジェクト中の武器になっていきますので、子となるコンポーネントはなるべくステートレスに仕上げたいですね。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。親コンポーネントのstateを変更したい(react)解決済Reactでstateにタグを追加したい解決済[React]シンプルなTodoアプリを作成中。formからデータが受け取れず困っています。1[react]複数作成されるコンポーネントを一つずつ指定したい。頂いたご意見への回答は行っておりません。