javascript - 如何使用具有嵌套属性的对象传播？

Question

我试图在我的 reducer (react-redux) 中返回以下内容，但它给我一个语法错误:

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

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

我安装了 babel preset stage 0 和 es2015。这很好用:

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

Answer 1

错误是因为这个键:

loginForm.email

这不是有效的对象键。

这样写:

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