2017-12-31 16 views
0

ReduxをReactで使用する場合、ReactのコンテキストAPIを内部的に使用するreact-reduxを使用して、connectで作成されたすべてのHoCでストアを利用できるようにします。Reduxを使用して親子の状況でWebコンポーネントの共有コンテキストを作成するには、どのような方法が良いですか?

私はWebコンポーネントを使って、主にアプリケーションを構築するためにWebコンポーネントを使用することが可能かどうか評価していますが、状態管理に対処する方法が必要でした(PolymerではMediatorパターンを推奨し、Reduxはグローバルメディエーターのタイプ)。

これまでは、コンポーネントをストアを作成し、それを子コンポーネントに渡して使用することができました。これは、すべてのコンテナコンポーネントにストアを渡す必要があり、別のコンテナに渡す必要がある場合は、プレゼンテーションコンポーネントを渡す必要があるという制限があります。

私が達成したいのは、ツリー内のStoreコンポーネントの下にあるすべてのコンテナコンポーネントにストアを使用可能にする方法です。ストアをグローバル変数にすることはできません。 私はreact-redux connectコンポーネントに似た何かを作成することを想像しましたが、それはReactコンテキストに依存しているので、私は共有オブジェクトの作成方法のアイデアを見つけようとしています。

答えて

0

iife関数でクラスをラップし、クラスのスコープ外の変数を宣言し、クラスのプロパティを外部変数に割り当てると、要素のインスタンス間でデータを共有するシングルトンメカニズムが作成されます。次に、その要素を他の要素のテンプレートの中に組み込み、それを通常の要素にバインドします。ここに例があります:https://github.com/firmfirm/f-singleton/blob/master/f-singleton.html