Initially, the user object is established with properties such as name, color, and age using the SET_USER method. I need to modify the name property within the user object utilizing UPDATE_USER_NAME. However, despite trying a nested loop within UPDATE_USER_NAME, the name attribute remains unchanged.
What mistake am I making? If I attempt something like
user: {action.name, ...state.user}user object gets updated successfully. Nonetheless, this action results in the creation of a new property from action.name instead of updating the existing name within the user object.
const DEFAULT_STATE = {
user: {},
}
export default function(state = DEFAULT_STATE, action) {\
switch(action.type) {
case actionTypes.SET_USER:
return {
...state,
user: action.user,
}
case actionTypes.UPDATE_USER_NAME:
return {
...state,
user: {
name: action.name,
...state.user,
}
}
default:
return state
}
}