如何让我的减速器更新状态对象的一个​​属性？

Question

例如，在道具中，我有一个名为“用户”的对象，它被设置为：

user = { id: 1, 
         name: jim, 
         email: jim@gmail.com, 
         entries: 4,
         joined: 07-16-2018
       }

我想让 UPDATE_USER_ENTRIES 操作仅使用有效负载向 user.entries 发送更新

我目前的减速器功能是这样的：

export const loadUserData = (state = initialStateUser, action = {}) => {
    switch(action.type) {
        case LOAD_USER:
            return Object.assign({}, state, { 
                user: { 
                    id: action.payload.id, 
                    name: action.payload.name, 
                    email: action.payload.email, 
                    entries: action.payload.entries, 
                    joined: action.payload.joined 
                }
            });
        case UPDATE_USER_ENTRIES:
            return {...state, **// NEED HELP HERE** };
        default:
            return state;
    }
}

为了返回一个只更新了条目属性的新用户对象，编写返回的正确方法是什么？谢谢！

Answer 1

您可以像这样使用扩展运算符：

如果你的状态是这样的：

state = {
     foo: "bar",
     user: {
         id: 1, 
         name: "jim", 
         email: "jim@gmail.com", 
         entries: 4,
         joined: "07-16-2018",
    }
}

下面的代码，传播状态，不要碰foo，传播状态的user，更新entries属性。

case UPDATE_USER_ENTRIES:
    return {...state, user: {...state.user, entries: action.payload } };

如果您的状态如下所示：

user: {
         id: 1, 
         name: "jim", 
         email: "jim@gmail.com", 
         entries: 4,
         joined: "07-16-2018",
    }

上面的代码传播状态，只有user，然后更新entries属性。

case UPDATE_USER_ENTRIES:
    return {...state, entries: action.payload };

您的有效负载仅包含一个值：userEntries，因此它仅等于 userEntries。所以在你的reducer中你需要按照这个来使用它：action.payload你的payload不是一个拥有userEntries值的对象。