Reduxのactionとは何なのか?!
想像してください:あなたは大きなレストランのウェイターです。
アクション(Action):
これは、お客様の注文書のようなものです。
例:「ステーキ1つ、サラダ2つ」という注文書
mapDispatchToProps:
これは、あなた(ウェイター)が持っている注文を伝える能力です。
例:「キッチンに行って注文を伝える」という行動
一言で表すと:
アクションは「何をするか」を記述したもの(注文内容)
mapDispatchToPropsは「どのようにそれを実行するか」を定義したもの(注文を伝える方法)
実際の流れ:
お客様(Reactコンポーネント)が「ステーキを注文したい」と思います。
お客様は直接キッチンには行けないので、あなた(mapDispatchToProps)に「ステーキを注文して」と言います。
あなたは注文書(アクション)を作成し、キッチン(Redux store)に持っていきます。
キッチンはその注文を受け取り、処理します。
この例では、アクションは注文内容を定義し、mapDispatchToPropsはその注文をキッチンに伝える方法を定義しています。これにより、お客様(コンポーネント)は注文の詳細を気にせずに、単に「注文して」と言うだけで済むのです。
この記事が気に入ったらサポートをしてみませんか?