コンポーネントの外部にあるreact-reduxストアへのアクセス方法

Question

コンポーネントにまたがるさまざまなユーティリティ機能をエクスポートするファイルがあります。これらの関数はredux状態にアクセスする必要があります。状態オブジェクトをこのファイルにインポートするにはどうすればよいですか？

Answer 1

ユーティリティは、引数として状態を取得する必要があります。

あなたはmapStateToProps(state)コールバックを経由してあなたのスマートコンポーネント（connect()機能を使用して1）にメンバ変数の状態を保存することができコンポーネント（ビュー）でユーティリティを使用したいので。 このメンバーをダムコンポーネントに渡すことができます。

Answer 2

connectユーティリティの機能がreactでない場合、ここでは機能しません。

最高のアイデアは、インポートはストアを作成してからgetState機能を使用し、ある

import store from 'store/createStore'; 
const state = store.getState(); 

Answer 3

まあ、これは単純な答えはありませんが、あまりにも長い間、これを研究した後、私は唯一である、これらを発見しました何かを説明する2つの記事。コンポーネントの外でストアに直接アクセスする方法（必要な場合）と、純粋な関数/関数型プログラミングの考え方と、コンポーネント以外の関数をストアに直接接続する際の潜在的なパフォーマンスの問題についても説明します。個人的に、私は@anoopと一緒に行き、必要なだけ深く単一のオブジェクトにパラメータを渡しました。 、 2015年、2015年9月16日と9月22日に議論here 、具体的にgaearonさんのコメントを見ないことには、このアクセスは可能と思われる接続（）の方法this.contextから店舗を取得し、直接接続するため

（関数型プログラミング/純粋な機能にはほとんど読書のために、Connect（）の

を介して実現、議論を参照してくださいhere