React-Redux：状态已更新但未复制

Question

在我的reducer中，我无法了解为什么我的状态返回更新但未复制。

const loginReducer = (state = {}, action) => { 

    let newstate = JSON.parse(JSON.stringify(state)) 
    const { type, payload } = action 

    switch(type) { 
     case constant.LOGIN_SUCCESS: 
      // 
      newstate = { login: [{ user: payload.user, password: payload.password, logged: true }] } 
      console.log(newstate.login) 
      break; 
     default: 
      break; 
    } 

    return newstate 

} 

当然这是我缺少的是什么简单的事情，但我想不出它

Answer 1

看起来好像你是完全重新分配这一行newstate：

newstate = { login: [{ user: payload.user, password: payload.password, logged: true }] } 

如果你想保持state你所需要的电流值，还包括他们：

newstate = { ...newstate, login: [{ user: payload.user, password: payload.password, logged: true }] } 

上面使用了对象传播，您可能会或可能不会在您的配置文件中使用对象传播。您还可以使用Object.assign来实现同样的事情：

newstate = Object.assign(newstate, { login: [{ user: payload.user, password: payload.password, logged: true }] });