mapDispatchToPropsの使用方法はthis.props.dispatchを使用してアクションをディスパッチするときだけです

Question

私はしばらく@connectアノテーションを使用していて、mapStateToPropsとmapDispatchToPropsに切り替えることにしました。

私はthis.props.dispatch(xxx)をどこにでも呼び出すことができるときにmapDispatchToPropsのポイントが何であるか疑問に思っています。

私はまた、いくつかのレポを反応させると、それは初心者の質問のように聞こえる場合、彼らはまた、mapDispatchToProps

• https://github.com/Hashnode/mern-starter
• https://github.com/andrewngu/sound-redux

申し訳ありませんを使用していない参照してください。

Answer 1

はい、確かにprops.dispatch()をコンポーネントで直接使用できます。しかし、そのコンポーネントは、Reduxアプリケーションの一部であることを「認識」しています。これは、明示的に物事を「ディスパッチ」しようとしているからです。

一方、アクションクリエータ関数を一貫して使用すると、コンポーネントは単にthis.props.doSomeThing()のようなものを呼び出しています。それは実際にReduxアプリに入っていることを「認識」しておらず、結果として再利用可能です。

私はちょうどWhen would bindActionCreators be used in react/redux?で同様の質問に答えて、Idiomatic Redux: Why use action creators?というトピックに関するより長いブログ記事を書きました。