ReduxのmapDispatchToPropsでの複数処理の書き方

Question

現在、amine-benselim/wp-react-redux(Github)を参考にWordPress REST API + React(Redux)の構成をためしているのですが、mapDispatchToPropsの書き方がいまひとつ理解できず苦戦しています。

例えば、actionCreators.jsのgetPosts(page)をgetPosts(postType,page)のようにしたい場合、Container.jsのmapDispatchToPropsはどのように書けばいいでしょうか？

お手数ですがご教示をお願いいたします。

補足：
containers/mainContainer.js

const mapDispatchToProps = dispatch => {
  return {
    getPosts: (postType, page) => {
      dispatch(getPosts(postType, page)).then(response => {
        if (!response.error) {
          let newPosts = posts.concat(response.payload.data);
          dispatch(
            getPostsSuccess(
              newPosts,
              +response.payload.headers["x-wp-totalpages"]
            )
          );
        } else {
          dispatch(getPostsFailure(response.payload.data));
        }
      });
    }
  };
};

actions/actionCreators.js

export function getPosts(postType = "posts", page = 1) {
  const request = axios.get(
    `/wp-json/wp/v2/${postType}?context=embed&per_page=4&page=${page}`
  );
  return {
    type: actionTypes.GET_POSTS,
    payload: request
  };
}

のように対応したところ、

`Unhandled Rejection (TypeError): Cannot read property 'message' of undefined` 
./src/reducers/reducer_main.js

とのエラーが出ました。

Comments

[HayatoKamono]

https://teratail.com/help/question-tips

[moro_is]

すみません、どういった意図でしょうか。。？

Answer 1

const mapDispatchToProps = dispatch => {
  return {
    getPosts: (postType, page) => {
      dispatch(getPosts(postType, page)).then(response => {
        if (!response.error) {
          let newPosts = posts.concat(response.payload.data);
          dispatch(
            getPostsSuccess(
              newPosts,
              +response.payload.headers["x-wp-totalpages"]
            )
          );
        } else {
          dispatch(getPostsFailure(response.payload.data));
        }
      });
    }
  };
};

動作確認はしていないですが、普通にこうじゃないでしょうか？
もちろん、getPosts側も編集する必要があります。

Comments

[moro_is]

ご回答ありがとうございます。
ご提示いただいたような書き方も試してみたのですが、

./src/reducers/reducer_main.js
`Unhandled Rejection (TypeError): Cannot read property 'message' of undefined`

という別のエラーが出てしまったため間違っているのだと思っていました。
どこか別の部分に問題があるor対応に漏れがあるということでしょうか？

[HayatoKamono]

reducer_main.jsのコードは最低限掲載して頂かないと回答のしようがありません。

[moro_is]

失礼しました。下記が該当のコードです。
https://github.com/amine-benselim/wp-react-redux/blob/master/src/reducers/reducer_main.js

[HayatoKamono]

質問の内容が変わって来ているので、一度質問を閉じて、新規質問を投稿し直した方が回答がつきやすいかと思います。その際、補足依頼に掲載したリンク先に書いてあることを参考に、ご自身が行なったことを質問文に掲載したり、回答者が状況確認をしやすくなるように必要な情報を掲載すると宜しいかと思います。現状の掲載コードでは情報量が不足しているため、複数のやり取りが発生してしまいます。

[moro_is]

返信が遅れて申し訳ありません。
ご指摘の通り、質問の仕方が不適切だったかも知れません。
ご指導ありがとうございました！