如何使用Redux Toolkit动态生成reducer和action type？

适配Redux Toolkit的实现方案 #

方案1：基于createSlice封装动态生成器（推荐，符合RTK最佳实践）

该方案完全复用你原有的多模块reducer生成逻辑，生成的action type和你原有格式100%兼容：

import { createSlice, PayloadAction } from '@reduxjs/toolkit'

// 替换为你实际的payload类型定义
type OpenScreenPayload = Record<string, any>

export function createEntityScreenSlice(
  module: string,
  entity: string,
  operation: string,
  initialState: Record<string, any>
) {
  // 动态拼接slice唯一标识，和原type前缀保持一致
  const sliceName = `entityScreen/${module}/${entity}/${operation}`
  const slice = createSlice({
    name: sliceName,
    initialState,
    reducers: {
      // 自动生成的open action type为 `${sliceName}/open`，和你原格式完全匹配
      open: (state, action: PayloadAction<OpenScreenPayload>) => {
        // 直接编写原reducer逻辑即可，RTK内置immer支持直接修改state，无需手动解构返回
        // 示例：state.visible = true; state.extraInfo = action.payload
      }
      // 后续需要新增其他操作（比如close）直接在这里加reducer即可
    }
  })

  return {
    reducer: slice.reducer,
    actions: slice.actions
  }
}

使用方式和你原有逻辑几乎无差异：

// 生成对应模块的slice实例
const someEntityScreenSlice = createEntityScreenSlice(
  'someModuleName', 
  'someEntityName',
  'someOperationName',
  someState
)
// 取出reducer挂载到对应state分支，和你原有注册逻辑一致
const someEntityScreenReducer = someEntityScreenSlice.reducer
// 取出自动生成的open action，可直接dispatch调用
const openSomeEntityScreen = someEntityScreenSlice.actions.open

方案2：保留原有通用action creator的适配方案

如果你不想修改原有的通用openEntityScreen逻辑，RTK也完全兼容原生Redux的写法，同时可以配合createReducer动态生成case：

// 原有的通用action creator直接保留即可，RTK无需强制所有action用createAction生成
const openEntityScreen = (payload: any) => {
  const { module, entity, operation, ...rest } = payload;
  return {
    type: `entityScreen/${module}/${entity}/${operation}/open`,
    payload: rest
  }
}

// 动态reducer生成器改造为createReducer版本
import { createReducer } from '@reduxjs/toolkit'
export default function createEntityScreenReducer(
  module: string,
  entity: string,
  operation: string,
  initialState: Record<string, any>
) {
  const openActionType = `entityScreen/${module}/${entity}/${operation}/open`
  return createReducer(initialState, builder => {
    builder.addCase(openActionType, (state, action) => {
      // 编写你的reducer逻辑即可
    })
  })
}

认知澄清 #

• createAction、createReducer、createSlice均为普通工厂函数，支持嵌套在自定义生成器中通过入参动态拼接参数生成实例，不存在“必须提前定义”的限制。
• RTK没有做语法强制，所有原生Redux的写法都可以正常兼容。

内容的提问来源于stack exchange，提问作者Yosif Mihaylov