javascript - 如何在redux初始状态下动态添加产品？

Question

我面临着如何在 next.js redux 部分的 redux 初始状态下添加动态产品的复杂性？

目前我的初始状态是这样的:

const initState = {
    products: [
        {
            id: 1,
            title: "Long Sleeve Leopard T-Shirt",
            price: 250,
            image: require("../../images/products/img1.jpg")
        },
        {
            id: 2,
            title: "Gildan Men's Crew T-Shirt",
            price: 150,
            image: require("../../images/products/img4.jpg")
        }],
    addedItems:[],
    total: 0,
    shipping: 0
}

这是静态的，现在我想从 Firebase 等服务器动态加载产品。

我尝试创建一个像 addToCart() 这样的函数，该函数目前正在将产品添加到购物车中，但没有成功。

您可以从下面的链接查看我当前的 cartReducer 文件。

Here is the Gist

Answer 1

当您从服务器动态加载数据时，您可以使用操作和化简器来更新当前状态。初始状态应该只是一个空对象或列表。您不会动态更改初始状态。相反，您可以在加载数据时更新当前状态。