0

设置redux store有问题!它无法读取 state.dataValue.data,表示 DataSlice 未定义。同样在 Redux Devtool 中没有设置存储文件:store.js

从“./slices”导入 rootReducer;
从“redux-thunk”导入 thunk;
从“@reduxjs/toolkit”导入 { configureStore }
const store = configureStore({ reducer: rootReducer, middleware: [thunk] });

导出默认存储;

文件2:切片/dataSlice.js

import { combineReducers } from 'redux';
import { dataSlice } from './dataSlice'

export default combineReducers({ dataSlice: dataSlice.reducer });

文件 3

import { createSlice } from "@reduxjs/toolkit";
import store from '../store'
const initialState = {
  data: [],
};

const dataSlice = createSlice({
  name: "dataSlice",
  initialState,
  reducers: {

    setData(state, action) {
      const { data } = action.payload;
      state.data = data.map((item) => item);
  },
}
});
export const {
  setData,
} = dataSlice.actions;

export default dataSlice.reducer


文件 4 库存.jsx

import {
  setData,
} from "../../slices/dataSlice";

const Inventory = (props) => {
  const dispatch = useDispatch();


  const { data } = useSelector((state) => {
    return {
      data: state.dataSlice.data,
    };
  });

它显示 dataValue 未定义,我正在使用 React-Toolkit

4

0 回答 0