如果购物车中已存在商品-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条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

在symfony2中更新购物车会话

来自分类Dev

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

来自分类Dev

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

来自分类Dev

商品未显示在购物车中

来自分类常见问题

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

来自分类Dev

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

来自分类Dev

在购物车中添加商品数量

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

jQuery购物车数量更新按钮?

来自分类Dev

使用WooCommerce Ajax更新购物车

来自分类Dev

用ajax和php更新购物车

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

购物车数量问题

来自分类Dev

购物车中的下拉数量菜单

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Laravel中的购物车更新

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

    在symfony2中更新购物车会话

  9. 9

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

  10. 10

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

  11. 11

    商品未显示在购物车中

  12. 12

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

  13. 13

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

  14. 14

    在购物车中添加商品数量

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

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

  19. 19

    jQuery购物车数量更新按钮?

  20. 20

    使用WooCommerce Ajax更新购物车

  21. 21

    用ajax和php更新购物车

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

    购物车数量问题

  26. 26

    购物车中的下拉数量菜单

  27. 27

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

  28. 28

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

  29. 29

    Laravel中的购物车更新

热门标签

归档