0
185
Vistasaction.payload.descrition muestra 'indefinido' cuando se usa redux
Hola, soy nuevo en redux y este es mi primer código redux.
Mi index.js:
import store from './store' store.dispatch({ type:"bugAdded", payload: { decription: "THIS" } });Mi reductor.js:
let lastId = 0; function reducer(state = [], action) { switch (action.type) { case 'bugAdded': return [ ...state, { id: ++lastId, description: action.payload.description, resolved: false, } ]; case 'bugRemoved': return state.filter(bug => bug.id !== action.payload.id) default: return state } } export default reducer console.log(store.getState());Mi tienda.js:
import { createStore } from 'redux' import reducer from './reducer' const store = createStore(reducer); export default storeSegún el tutorial que se supone que debo obtener
description: THISen el registro de la consola, mientras que obtengo
description: undefined 
2 Respuestas
Responde la pregunta0
Tienes un error tipográfico. Estás despachando:
payload: { decription: "THIS" } debería ser una description en su lugar.
Además, tenga en cuenta que el estilo del código Redux que está escribiendo está muy desactualizado. Hoy enseñamos a usar nuestro paquete oficial Redux Toolkit como el enfoque estándar para usar Redux, lo que simplificará todo el código en su aplicación (incluso en este pequeño ejemplo).
Consulte los tutoriales oficiales de documentos de Redux para obtener más detalles:
0
importar tienda desde './tienda'
store.dispatch({ type:"bugAdded", payload: { descripción: "ESTO" } });
en su archivo index.js , escribe una descripción incorrecta, debe ser una descripción