使用自定义方法的异步操作React UseReducers

问题描述

我正在尝试使用上下文API和useReducer挂钩构建购物车，我具有此功能，用户需要单击按钮将商品添加到购物车中，然后该应用将向其中发出api请求在服务器上添加商品，它将商品返回到前端，应用程序将分派一个操作来更新用户界面，并从购物车中删除商品，但是事情是应用程序没有更新用户界面直到我刷新页面。

  const handleAddingToCart = async () => {
    setLoading(true);
    const response = await addToCart({ itemId: id,quantity: 1 },token);
    setLoading(false);

    cartdispatch({
      type: "ADD_ITEM",payload: response.data.data,});
  };

购物车减速器：

case "ADD_ITEM": {
      return {
        ...state,items: [...state.items,action.payload],};
    }

    case "REMOVE_ITEM": {
      return {
        ...state,items: state.items.filter((item) => item !== action.payload),};
    }

这是我处理此问题的功能，希望大家能有所帮助，在此先感谢您。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）