2016-11-10 12 views
2

私はReduxストアに保存する予定のJWTを含める必要があるAPIを呼び出すアプリケーションの開発を開始しています。Redux内のストアにアクセスしネイティブアプリに反応する

通常、店舗の特定の部分をmapStateToProps()connect()でコンポーネントの状態にマッピングすることによってReduxストアにアクセスできますが、Reactコンポーネントにならないファイル内のReduxストアにアクセスしたいと思います/ container - 純粋なjsファイルで、API呼び出しを処理します。

これは可能ですか?

答えて

1

createStoreが返すストアのgetState()関数を使用できます。これは、状態から必要なデータを取得する関数内で使用できます。

const myImportantData =() => store.getState().my.deep.data; 

バージョンは、上記のグローバル変数のように、直接ストアを使用します。これにより、プロセスで複数のストアを使用できなくなります。通常はこれがあなたが望むものですが、サーバーで実行しているときはそうではありません。つまり、サーバー上ではJWTアクセスは必要ないと思われます。

あなたはしかし、その後、あなたはそれをパラメータとして渡すか、storeローカル変数の上に閉じることができ、店舗を交換する必要がある場合:

const getDataGrabber = store =>() => store.getState().my.deep.data; 
3

はい、それは可能です。それは心の中で反応して作られたが

Reduxのは、枠組みにとらわれないです。

mapStateToProps()およびconnect()のメソッドは、Reduxのコアライブラリではなく、React内のRedux専用バインディングを提供するヘルパーライブラリ 'React-Redux'に含まれています。

Danux AbramovのGetting started with Reduxシリーズをチェックして、Reduxの仕組みの原理を理解する価値があります。

Video 6と彼はReduxのストアを説明し、それを構成する3つの方法について説明しVideo 7であるの例:動画は登録する方法についての詳細の公平なビットに入る

store.getState // gets the current application state 

store.dispatch // changes the current application state by dispatching an action 

store.subscribe // suscribes to changes and re-renders the app using the 
       // current state 

は、店舗のレデューサーは、シリーズが非常に役立つことが証明される必要があります。

関連する問題