如何在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文件。

这是Gist

Answer 1

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