Soy nuevo en redux y he creado un segmento llamado eventmodalSlice que se supone que realiza un seguimiento de si un modal en la aplicación está abierto o cerrado. Recibo un error cuando creo un selector para exportar el estado. el error dice
TypeError: undefined no es un objeto (evaluando 'state.eventmodal')
import React from "react" import { createSlice } from "@reduxjs/toolkit" export const eventmodalSlice = createSlice({ name: "eventmodal", initialState:{ modalvisible: null }, reducers: { Close: (state, action) => { state.modalvisible = action.payload; }, Open: (state, action) => { state.modalvisible = action.payload; }, } }); export const {Close, Open} = eventmodalSlice.actions; export const selectEventModal = (state) => state.eventmodal.modalvisible; export default eventmodalSlice.reducer;No estoy seguro de qué causa este error en este segmento específico porque tengo otro segmento llamado segmento de usuario que se ve casi igual que este segmento.
import React from "react" import { createSlice } from "@reduxjs/toolkit" import { act } from "react-test-renderer"; export const userSlice = createSlice({ name: "user", initialState:{ user: null }, reducers: { Signin: (state, action) => { state.user = action.payload; }, Register: (state, action) => { state.user = action.payload; }, Signout: (state) => { state.user = null; } } }); export const { Signin, Register, Signout} = userSlice.actions; export const selectUser = (state) => state.user.user; export default userSlice.reducer;State.user.user no comete errores en este último fragmento. Esto es lo más confuso, ya que estos fragmentos se parecen bastante a menos que me esté perdiendo algo. Cualquier ayuda sería apreciada aquí.
Mi tienda se ve así
import { configureStore } from "@reduxjs/toolkit"; import userReducer from "./userSlice" import eventmodalReducer from "./eventmodalSlice" export default configureStore({ reducer: { user: userReducer, eventmodal: eventmodalReducer }, });