设置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