Question

53

rated 0 times [ 55] [ 2] / answers: 1 / hits: 47079 / 7 Years ago, fri, november 3, 2017, 12:00:00

I'm trying to return the following in my reducer (react-redux) and it's giving me a syntax error:

return { ...state, loginForm.email: action.payload.email }



state = { loginForm: { email: '', password: '' } } so on

I have babel preset stage 0 installed and es2015. This works fine:

return { ..state, loginForm: action.payload }

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 77

Total Questions: 108

Total Answers: 111

Location: Grenada

Member since Mon, May 8, 2023

1 Year ago

answered 7 Years ago pranav · Accepted Answer

Error you are getting because of the this key:

loginForm.email

It's not a valid object key.

Write it like this:

return { 

    ...state, 

    loginForm: {

        ...state.loginForm,

        email: action.payload.email

    } 

}