数据结构和数据库的前端(仅反应)解决方案
数据结构和数据库的前端(仅反应)解决方案
提问于 2021-09-22 09:38:45
问题定义
我有一个小商店，所有的产品都是从JSON文件作为外部API来的，因为我处理的是前端的所有东西。
但我刚刚得到一个产品，有有限的数量->，我只有20 the的产品，我不知道我怎么能限制用户购买比我实际拥有的。
问题
- 是否有一种(最简单的可能)方法，可以在不使用数据库或后端的情况下限制该产品的数量？
- 是否有一种方法可以实际向用户展示该特定产品还剩下多少？(假设它是限量版的->，在每购买一批剩馀的产品后都会实时更新)
在仍然使用API的情况下，这是可能的吗?还是必须将所有内容恢复为DB (例如，firebase)？
任何建议和例子链接我学徒！
这就是我目前如何用无限数量的产品来处理它。
// fetch data here
const fetchData = () => {
fetch('myAPIendpoint')
.then((response) => response.json())
.then((data) => {
setProducts(data);
})
.catch((error) => {
console.log(error);
});
};
React.useEffect(() => {
fetchData();
}, []);//将产品添加到购物车中
const onAdd = (product) => {
const exist = cartItems.find((x) => x.id === product.id);
if (exist) {
setCartItems(
cartItems.map((x) =>
x.id === product.id ? { ...exist, qty: exist.qty + 1 } : x
)
);
} else {
setCartItems([...cartItems, { ...product, qty: 1 }]);
}
};//映射项，以便在购物车中显示
{cartItems.map((item) => (
.....
.....回答 1
Stack Overflow用户
发布于 2021-09-22 12:09:09
您只需重写JSON文件中遗留的大量产品即可。
例如。有人购买了一些产品->请求发送到您的API ->您正在读取JSON文件，寻找产品的id(.find(product => producct.id === id))。然后您正在检查产品的数量(您是否需要数量)，如果没有，则返回一些错误，如果是，那么您正在为当前产品的文件中重写产品的quantity属性，并执行其他业务逻辑。
处理文件取决于后端使用的技术/编程语言。你可以单独找到它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69281708
复制相关文章
相似问题
腾讯云开发者
