如何使用带有嵌套属性的 object 传播？

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
    } 
}

Answer 2

我想你想要这样的东西：

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

Answer 3

在 JS 中，一个 object 的键值要么是一个 String 值，要么是一个 Symbol 值。 官方文档