React/Redux：アクションをディスパッチできるグローバル関数ですか？

Question

私は、アクションをディスパッチする能力を持つグローバルユーティリティとしてReact/Redux関数を実装しようとしています。

これは、ではなく、コンポーネント/コンテナです。他の人がインポートして呼び出すことのできるグローバル/静的関数です。

これは可能ですか？

ご提供いただけるアイデアやご提案をありがとうございます。

Answer 1

dispatchはStoreに由来しており、Storeのグローバル参照が必要です。

だからあなたのアプリケーションルートは次のようになりますと仮定します

export const store = createStore(root); 

そして、あなたの静的utilのインポートから店舗：

const store = createStore(rootReducer); 

ReactDOM.render(<Provider store={store} /> ...); 

ちょうどstoreことをエクスポート

import {store} from "../path/to/app/root"; 

store.dispatch({ ... }); 

---

これを行うより良い方法は、あなたのutil関数をdispatchを引数として受け入れることです。この方法では、storeへのグローバル参照はありません。

Answer 2

私は古い学校です。 app.jsで私はどうなる：それだ

window.store = store 

- ストアグローバル暴露などをインポートする必要これは、サーバー側のレンダリングを破るしませんが、あなたはどのような場合にはグローバルなディスパッチを使用している場合、それは壊れます。このTwitterのスレッドを参照してください：https://twitter.com/Grynn/status/955485816389685248

はダン・アブラモフ（上記のスレッドで）からの回答を引用：

は大きな製品に実際に起こる ページ（のいくつかのようにアプリが存在する場合、テストは難しく、壊れ作り）、サーバ のレンダリングが不可能になります。それ以外の場合は、それは大丈夫です