質問: (dispatch) => ({ likeFluits: (queryStore) => dispatch(LIKE_FLUITS(queryStore)), }) export default connect(null, mapDispatchToProps)(Fluits); ```
回答: こんにちは。 以下、役に立つ回答になっているか、やや心もとないのですが、ご質問にあるコードに対していくつか修正し、さらに、いくつかのファイルを補って、動くReactアプリにしたものを GitHub の以下のレポジトリ * に上げました。ベースになるアプリを create-react-app で作成していますので、もし Gitをお使いであれば、ターミナルから、以下の手順で動作確認できます。 * git clone git@github.com:jun68ykt/q189122.git * cd q189122 * yarn install * yarn start 上記によって、以下のように表示されます。(ブラウザのデベロッパーツールを開いておきます) !イメージ説明 上記の状態から、 `peach` と表示されている灰色の部分をクリックすると、`redux-logger` によって以下のようにconsoleに表示されます。 !イメージ説明 console に `prev state ▶` 、 `action ▶`、 `next state ▶` と表示されている右向きの三角をクリックすると、それぞれの内容が展開されます。 !イメージ説明 上記のconsole では、 LIKE_FRUITSアクションが発行されたことにより、state がどのように変わったかが分かります。 作成したサンプルでは、 `state` は `fruits` というプロパティを持ち、これの値は配列です。 `state.fruits` は初期状態では空の配列で、各フルーツ名が表示されている灰色の部分をクリックすると、該当のフルーツ名(だけ)が、`state.fruits` に追加されていくことが、 console に出されたログを追っていけば分かると思います。 また、ソースコードの修正については、コミットを古い順に追っていけば、どのような修正をしたかが分かると思います。 上記のコードは、ご質問に挙げられている `Fluits`をとりあえず動作確認できるようにしただけなので、このご質問の元になっている、oratyadottoさんが実際に手がけているアプリでは、他にも多くのコンポーネントやRedux要素がからんでいると思われますので、それらの修正に直接、役に立つ回答になっているかというと、あまり自信はないのですが、何らかの参考にして頂ければ幸いです。