Luchando por descubrir cómo agregar un nuevo elemento a un objeto de mi reductor. Este es el payload que estoy recibiendo GH
Este es el código relevante en mi reductor.
const initialForm = { nationality: '', } function addName(state= initialForm, action) { switch(action.type){ case ADD_NEW_NATIONALITY: console.log('nationality',action.payload.name) return { ...state, [action.payload.nationality]: action.payload.value } default: return state } }y mis creadores de acción
export const addFullName = newName => dispatch => { console.log(newName) axios.get(`https://api.nationalize.io?name=${newName.name}`) .then(res => { dispatch({ type: ADD_NEW_NATIONALITY, payload: res.data.country[0].country_id}) })Por favor, ayúdame a resolver esto
Su payload es solo un valor simple (no un objeto), por lo que no puede encontrar action.payload.name y action.payload.value
Y de manera similar, tampoco puede encontrar action.payload.nationality .
Así es como se ve tu acción
{ type: ADD_NEW_NATIONALITY, payload: 1} //`1` is country_id Para configurar nationality correctamente, puede verificar la implementación a continuación
const initialForm = { nationality: '', } function addName(state= initialForm, action) { switch(action.type){ case ADD_NEW_NATIONALITY: return { ...state, nationality: action.payload //update your `nationality` property with a plain value from `payload` } default: return state } }