如何在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

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