2016-04-17 18 views
1

Reduxを使用するReactコンポーネントの状態間の通信方法について、ちょっと混乱します。いくつかの調査の後、ミドルウェアが答えのようですが、私は私のオプションが何であるかについていくつかのトップレベルの説明をしたいと思います。状態間のRedux共有データ、最上位オプション

私のアプリはかなりシンプルなゲームです。キャラクターがボード上を動き回り、行動が起こり、スコアが更新され、メッセージが表示されます。

私は、文字コンポーネント、スコアバーコンポーネント、およびメッセージコンポーネントを持っています。

私が苦労しているのは、キャラクターからのイベントの後にUIを更新する必要がある場合にスコアバー(またはメッセージ)を更新する方法です。私は減速機は正常に動作していますが、コンポーネントの状態に制限されています。

もちろん、すべてをグローバル状態オブジェクトにダンプできますが、これを取り除くより洗練された方法があるはずです。このパターンにはどのようなアーキテクチャが推奨されますか?

答えて

2

あなたのコンポーネントの状態にreduxを使用している場合は、combineReducersを使用して複数のレデューサーから1つのレデューサーを作成する必要があります。そうであれば、あなたの店に行動を送ることができ、それらはすべての還元剤に渡されるので、適切に反応することができます。

+0

これはそれでした。私は "瞬間"を持っていて、全ての減速師がすべての行動を受けたことを忘れてしまった!ありがとうございました! – Ben

関連する問題