如何在react redux中存储唯一项目？

Question

我想在我的 redux 购物篮中存储唯一值，但我无法存储它。 我实现了从 StackOverflow 本身找到的这段代码，但它对我不起作用。我仍然得到存储在 redux 中的重复值。

看到这个：

代码：

    export const initialState = {
        basket: []
    }
    
    const reducer = (state, action) => {
        switch(action.type){
            case 'Add_To_New':
                if (state.basket.indexOf(action.item) === -1) {
                    return {
                        ...state,
                        basket:[...state.basket, action.item],
                    };
                }
                return state;
                default:
                    return state;
        }
    }
    
    export default reducer;

在购物篮中，如果该用户已经存在，我只想存储一次。如果我再次添加用户，它不应该存储它，而是返回之前存储的值。

Answer 1

如果没有看到更多代码，您正在执行的 indexOf 可能与现有对象不匹配，可能是因为您要匹配的对象中包含一些不同类型的数据。

假设你的 item 上面有某种 id 字段，我将在这个例子中使用 id，你也可以这样做

export const initialState = {
    basket: []
}

const reducer = (state, action) => {
    switch(action.type){
        case 'Add_To_New':
            if (!state.basket.map(item => item.id).includes(action.item.id) {
                return {
                    ...state,
                    basket:[...state.basket, action.item],
                };
            }
            return state;
            default:
                return state;
    }
}

export default reducer;