我怎样才能把更多的产品推入我的手推车中呢？

Question

我试图把更多的物品推入我的购物车，但当我点击购物车时，它只显示了一个项目。

这是我的减速机：

const initialState = {
    products: [],
    loading: false,
    basketNumbers: 0,
    cartCost: 0,
    numbers: 0,
    inCart: false
};

export default (state = initialState, action) => {
    switch (action.type) {
        case LOADING:
            return {
                ...state,
                products: [],
                loading: true,
                err: ''
            };

        case SUCCESS:
            return {
                ...state,
                products: action.payload,
                loading: false,
                err: ''
            };
        case ADD_PRODUCT_BASKET:
            let numbers = (state.numbers += 1);
            let inCart = (state.inCart = true);
            
            return {
                ...state,
                basketNumbers: state.basketNumbers + 1,
                cartCost: state.cartCost + action.payload.price,
                product: action.payload,
                numbers: numbers,
                inCart: inCart
            };
}

这是我的购物车页：

let productsInCart = [];

if (basketProps.inCart) {
    productsInCart.push(basketProps.product);
}
console.log(basketProps);
console.log(productsInCart);

我试着在减速机里这样做：

let product = []
product.push(action.payload)
console.log(product)

每次我在购物车中添加新的项目时，它只是在数组中显示新的条目，而不是我添加到的最后一项。我怎么才能解决这个问题？谢谢

这是我的github项目，如果您想查看我的代码：https://github.com/nathannewyen/the-beuter

Answer 1

如果您想将所有产品存储在您的购物车中，请尝试使用扩展操作符。

例如：

case ADD_PRODUCT_BASKET:
        return {
            ...state,
            products: [...products, action.payload],
            loading: false,
            err: ''
        };

这将保存所有产品数据的previos状态，并将新项添加到数组中。