Reduxに直接 "store.dispatch"ではなく "this.props.dispatch"を使用するのはなぜですか？

Question

store.dispatchを直接使用することには何らかの損害がありますか？

（これはすべての子コンポーネントで利用できるので）私には電話がはるかに簡単であると思われますが、これまでのテストではまだ違いが見つかりません。

ありがとうございます！

Answer 1

universal appsには、リクエストごとに異なるストアインスタンスが必要です。一部のモジュールからストアを単体としてエクスポートするだけでは、サーバーレンダリングを追加するのが難しくなります。

これは、ドキュメント内のシングルトンストアを決して推奨していないため、contextを使用して<Provider>を使用して階層下に渡すことを常にお勧めします。これにより、使用するコンポーネントがストアをシングルトンにすることなく利用できるようになります。 connect()はReduxのは、あなたが本当に接続されているコンポーネントでstore自体を必要としないので、それは自分自身-だ小道具の代わりstoreとしてdispatchを渡しリアクト理由については

。サブスクリプションと読み取りの状態はconnect()で行われますので、コンポーネントにはdispatch()が必要です。

Answer 2

通常、ストアはトップレベルモジュールで初期化されてから、react-redux接続関数によって下位レベルのモジュールで使用されています。

これにより、最下位レベルからインポートされるため、ストアを下位レベルのモジュールで直接インポートする必要がなくなります。