如果购物车中已存在商品-reactjs,如何更新购物车数量?

阿塞姆·安萨里(Azeem Ansari)

在此代码中,而不是显示“产品已添加到购物车”。警报消息,如果购物车中已有商品,我想更新购物车数量,请帮帮我。

const addToCart = (id) => {
    const check = cart.every((item) => {
      return item.id !== id;
    });
    if (check) {
      const cartData = products.filter((el) => {
        return el.id === id;
      });
      setCart([...cart, ...cartData]);
    } else {
      alert('The product has been added to cart.');
    }
密码猴子

我在这里对您的变量的外观进行一些假设,但是通常,这是您需要的:

const products = [{id: 1, name: 'Prod 1'}, {id: 2, name: 'Prod 2'}, {id: 3, name: 'Prod 3'}, {id: 4, name: 'Prod 4'}]
const cart = [{id: 1, name: 'Prod 1', quantity: 1}, {id: 4, name: 'Prod 4', quantity: 1}];

const addToCart = (id) => {
    const check_index = cart.findIndex(item => item.id === id);
    if (check_index !== -1) {
      cart[check_index].quantity++;
      console.log("Quantity updated:", cart);
    } else {
      cart.push({...products.find(p => p.id === id), quantity: 1})
      console.log('The product has been added to cart:', cart);
    }
}

addToCart(4)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

如何在woocommerce cart.php中启用更新购物车按钮?

来自分类Dev

woocommerce-以编程方式更新购物车项目数量

来自分类Dev

如果购物车中的商品数为三,则隐藏-添加到购物车| 购物

来自分类Dev

如何从WooCommerce购物车中获取商品类别?

来自分类Dev

Rails:如何在购物车中添加“删除商品”?

来自分类Dev

在symfony2中更新购物车会话

来自分类Dev

检索<select>标签的Post值以更新购物车数量?

来自分类Dev

使用WooCommerce Ajax更新购物车

来自分类Dev

在shopify中使用Ajax更新购物车数量时避免使用产品类型

来自分类Dev

如何更改购物车Laravel中的数量?

来自分类Dev

jQuery购物车数量更新按钮?

来自分类Dev

如何更新购物车中的项目数?

来自分类Dev

购物车中的下拉数量菜单

来自分类Dev

更新购物车中的物品数量无法正常工作

来自分类Dev

检查购物车中的重复商品并更新数量(ReactJS)

来自分类Dev

如何在React中更改单个购物车数量?

来自分类Dev

在购物车中添加商品数量

来自分类Dev

PHP会继续在购物车中添加产品的新行(如果已存在)

来自分类Dev

购物车数量问题

来自分类Dev

用ajax和php更新购物车

来自分类Dev

使用Django更新购物车中的商品

来自分类Dev

在shopify中使用Ajax更新购物车数量时避免使用产品类型

来自分类Dev

如何在购物车更新时更新购物车中的其他属性?

来自分类Dev

Laravel中的购物车更新

来自分类Dev

购物车的商品不会更新数量

来自分类Dev

如何使用javascript或ajax在php中更新购物车中的每个项目

来自分类Dev

更改数量并单击“更新购物车”后,Woocommerce 购物车不会更新

来自分类Dev

Woocommerce 购物车页面中数量变化时自动更新购物车

来自分类Dev

商品未显示在购物车中

Related 相关文章

  1. 1

    如何在woocommerce cart.php中启用更新购物车按钮?

  2. 2

    woocommerce-以编程方式更新购物车项目数量

  3. 3

    如果购物车中的商品数为三,则隐藏-添加到购物车| 购物

  4. 4

    如何从WooCommerce购物车中获取商品类别?

  5. 5

    Rails:如何在购物车中添加“删除商品”?

  6. 6

    在symfony2中更新购物车会话

  7. 7

    检索<select>标签的Post值以更新购物车数量?

  8. 8

    使用WooCommerce Ajax更新购物车

  9. 9

    在shopify中使用Ajax更新购物车数量时避免使用产品类型

  10. 10

    如何更改购物车Laravel中的数量?

  11. 11

    jQuery购物车数量更新按钮?

  12. 12

    如何更新购物车中的项目数?

  13. 13

    购物车中的下拉数量菜单

  14. 14

    更新购物车中的物品数量无法正常工作

  15. 15

    检查购物车中的重复商品并更新数量(ReactJS)

  16. 16

    如何在React中更改单个购物车数量?

  17. 17

    在购物车中添加商品数量

  18. 18

    PHP会继续在购物车中添加产品的新行(如果已存在)

  19. 19

    购物车数量问题

  20. 20

    用ajax和php更新购物车

  21. 21

    使用Django更新购物车中的商品

  22. 22

    在shopify中使用Ajax更新购物车数量时避免使用产品类型

  23. 23

    如何在购物车更新时更新购物车中的其他属性?

  24. 24

    Laravel中的购物车更新

  25. 25

    购物车的商品不会更新数量

  26. 26

    如何使用javascript或ajax在php中更新购物车中的每个项目

  27. 27

    更改数量并单击“更新购物车”后,Woocommerce 购物车不会更新

  28. 28

    Woocommerce 购物车页面中数量变化时自动更新购物车

  29. 29

    商品未显示在购物车中

热门标签

归档