让一个切片管理多个 state/data 对 React 应用程序（redux-toolkit）有任何性能影响吗

Question

我正在尝试使用一个对象作为初始状态来管理多个状态，并且此对象的每个属性代表独立的数据。这对性能有影响吗？我正在避免使用多个切片和 combineRudecers。

import { createSlice } from "@reduxjs/toolkit";

const initialState = {
  appraisalsData: [],
  preMonthData: [],
  fullYearData: [],
  PA_Score: [],
  userData: [],
  agentNames: [],
  activeUser: {},
  user:"",
};

export const DataSlice = createSlice({
  name: "AllData",
  initialState,
  reducers: {
    updateUser: (state, action) => {
      state.activeUser = action.payload;
      state.user = action.payload.username
    },
    updateData: (state, action) => {
      state.appraisalsData = action.payload
    },
  },
});

// Action creators are generated for each case reducer function
export const { updateData, updateUser } = DataSlice.actions;

export default DataSlice.reducer;

Answer 1

它没有性能影响。将数据拆分为切片可能有助于组织代码和状态结构，但你可以避免它 - 它实际上就像普通的 redux 代码（没有 redux 工具包）。

让一个切片管理多个 state/data 对 React 应用程序（redux-toolkit）有任何性能影响吗

Does having one slice managing multiple state/data have any performance impact in react app (redux-toolkit)

reactjs

react-redux

redux-toolkit