redux - 如何使用 Redux API Middleware 和 Thunk 链接 API 请求

Question

我有几个这样的 RSAA 动作：

export const getUserById = id => ({
  [RSAA]: {
    endpoint: "...",
    method: "GET",
    headers: { "Content-Type": "application/json" },
    credentials: "include",
    types: [
      GET_USER_BY_ID_REQUEST,
      GET_USER_BY_ID_SUCCESS,
      GET_USER_BY_ID_FAILURE
    ]
  }
});

export const getUserPosts = id => ({
  [RSAA]: {
    endpoint: "...",
    method: "GET",
    headers: { "Content-Type": "application/json" },
    credentials: "include",
    types: [
      GET_USER_POSTS_REQUEST,
      GET_USER_POSTS_SUCCESS,
      GET_USER_POSTS_FAILURE
    ]
  }
});

我该怎么做才能使用 thunk （我认为）链接这两个动作？

我可以创建第三个名为getUserThenPosts? 但那会是什么样子？

Answer 1

使用redux-thunk并创建名为getUserThenPosts.

export const getUserThenPosts = id => dispatch => {
  return dispatch(getUserById(id))
    .then((payload) => {
      return dispatch(getUserPosts(payload.someIdFromUserPayload)));
    };
};

我假设这getUserPosts需要来自user有效负载的参数。