时间戳

首页 > 解决方案 > 我如何将 redux 操作移动到单独的文件

reactjs - 我如何将 redux 操作移动到单独的文件

问题描述

在我的测试应用程序中，减速器移动到单独的文件中，但我知道操作也应该移动到单独的文件中。这里的操作是什么？以及如何将其移动到单独的文件

const initalState = {};

export const GET_REQUEST = "GET_REQUEST";

export default function iteams(state = initalState, action) {
  switch (action.type) {
    case GET_REQUEST:
      return { ...state, ...action.payload };
    default:
      return state;
  }
}

export const GetCommitsAndMembersDataAction = (payload) => ({
  type: GET_REQUEST,
  payload,
});

标签： reactjsreact-redux

解决方案

actions.js在同一文件夹（或您的其他任何地方src）内创建一个名为的文件

把这条线和其他动作放在里面，这些是动作：

    export const GetCommitsAndMembersDataAction = (payload) => ({
  type: GET_REQUEST,
  payload,
});

.js现在将此行添加到您要使用的任何文件的顶部：

import {GetCommitsAndMembersDataAction} from "./actions" // path depends on where your are importing it

推荐阅读