小编guz*_*ajj的帖子

从 React Redux Thunk 返回承诺

我有下一个 React/Redux/Thunk 代码:

这是我对 API 的调用:

//api.js
export const categoriesFetchData = (page, parentOf) => {
  return axios.get(
    url +
    'categories/' +
    '?parent=' +
    parentOf +
    '&limit=10' +
    '&offset=' +
    (page - 1) * 10,
  );
};
Run Code Online (Sandbox Code Playgroud)

这是我的动作(我假装从这个动作返回一个 axios 承诺):

//actions.js
export const subCategoriesFetchData = (page = 1, parentOf) => {
  return dispatch => {
    dispatch(oneCategoryLoading(true));
    return api.categoriesFetchData(page, parentOf)
      .then(response => {
        dispatch(subCategoriesFetchDataSuccess(response.data.results));
        dispatch(oneCategoryLoading(false));
      })
      .catch(error => {
        console.log(error);
      });
  };
};
Run Code Online (Sandbox Code Playgroud)

在我的容器中:

const mapDispatchToProps = dispatch => {
  return { …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux redux-thunk react-redux

5
推荐指数
1
解决办法
4041
查看次数

标签 统计

javascript ×1

react-redux ×1

reactjs ×1

redux ×1

redux-thunk ×1