Reduxのactionとは何なのか?!

想像してください:あなたは大きなレストランのウェイターです。

  1. アクション(Action):

    • これは、お客様の注文書のようなものです。

    • 例:「ステーキ1つ、サラダ2つ」という注文書

  2. mapDispatchToProps:

    • これは、あなた(ウェイター)が持っている注文を伝える能力です。

    • 例:「キッチンに行って注文を伝える」という行動

一言で表すと:

  • アクションは「何をするか」を記述したもの(注文内容)

  • mapDispatchToPropsは「どのようにそれを実行するか」を定義したもの(注文を伝える方法)

実際の流れ:

  1. お客様(Reactコンポーネント)が「ステーキを注文したい」と思います。

  2. お客様は直接キッチンには行けないので、あなた(mapDispatchToProps)に「ステーキを注文して」と言います。

  3. あなたは注文書(アクション)を作成し、キッチン(Redux store)に持っていきます。

  4. キッチンはその注文を受け取り、処理します。

この例では、アクションは注文内容を定義し、mapDispatchToPropsはその注文をキッチンに伝える方法を定義しています。これにより、お客様(コンポーネント)は注文の詳細を気にせずに、単に「注文して」と言うだけで済むのです。

この記事が気に入ったらサポートをしてみませんか?