我正在try 使用Reaction-Redux和Redux工具包创建打开和关闭模式表单的功能.它向我抛出以下错误:
Uncaught TypeError: Cannot read properties of undefined (reading 'editQuoteModalShown')
store.jsx个
import { apiSlice } from "./api/apiSlice";
import { editQuoteModalSlice } from "../features/quotes/editQuoteModalSlice";
export const store = configureStore({
reducer: {
[apiSlice.reducerPath]: apiSlice.reducer,
editQuoteModalSlice: editQuoteModalSlice,
},
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware().concat(apiSlice.middleware),
devTools: true,
});
setupListeners(store.dispatch);
editQuoteModalSlice.jsx个
import { createSlice } from "@reduxjs/toolkit";
const initialState = {
editQuoteModalShown: false,
};
export const editQuoteModalSlice = createSlice({
name: "editQuoteModalSlice",
initialState,
reducers: {
setEditQuoteModalShownDispatch: (state, action) => {
state.editQuoteModalShown = action.payload;
},
},
});
export const editQuoteModalShownSelector = (state) =>
state.editQuoteModalSlice.editQuoteModalShown;
export const { setEditQuoteModalShownDispatch } =
editQuoteModalSlice.actions;
export default editQuoteModalSlice.reducer;
我以这种方式使用 Select 器: EditQuoteModal.jsx个
import {
editQuoteModalShownSelector,
setEditQuoteModalShownDispatch,
} from "./editQuoteModalSlice";
export default function EditQuoteModal() {
const editQuoteModalShown = useSelector(editQuoteModalShownSelector);
return (
<div>
{editQuoteModalShown && (<Modal />)}
</div>
);
}
我已经正确地导入了所有内容.不知道是什么导致了错误.