Question

我正在寻找可以减少redux样板的redux库最近我发现了reduxsouce和redux-actions，它们有助于减少操作对象代码的重写。在我之前所有的动作定义项目中，我都会为所有动作创建一个文件和动作看起来像这样

export function requestInit() {
  return {
    type: types.REQUEST_INIT,
    payload: {
      loading: true,
    },
  };
}

现在，如果我想删除操作定义并切换到“ createaction”，如何用redux-actions中的createaction方法替换呢？

另外，我该如何处理或“提出”来自传奇的其他失败或成功动作（发电机功能）？

Answer 1

查看redux-action docs，操作定义应如下所示：

import { createAction, handleAction } from 'redux-actions';
const defaultState = { loading: false };

export const requestInit = createAction(types.REQUEST_INIT); // creates an action creator

// Define your reducer here, as second argument. 
// First argument is the action type, third is defaultState
handleAction(
  types.REQUEST_INIT,
  (state, action) => ({
    loading: action.payload.loading
  }),
  defaultState
);
...
// in saga.js or other place you want to use the action
requestInit({ loading: true });

您可以以相同的方式添加其他操作来处理您的请求。调度和处理错误应与常规操作完全相同，即：

yield put({ type: response, payload: {...} });

希望有帮助。

如何替换我的redux操作并使用创建操作库？

1 个答案: