如何使用具有嵌套属性的对象传播?

IT技术 javascript reactjs object react-redux
2021-05-06 13:19:48

我试图在我的减速器(react-redux)中返回以下内容,它给了我一个语法错误:

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

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

我已经安装了 babel 预设阶段 0 和 es2015。这工作正常:

return { ..state, loginForm: action.payload }
2个回答

由于此键而出现的错误:

loginForm.email

它不是有效的对象键。

像这样写:

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

我想你想要这样的东西:

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