javascript - 具有自定义方法的异步操作 React UseReducers

Question

我正在尝试使用上下文 API 和 useReducer Hook 构建购物车，我具有此功能，用户需要单击按钮将商品添加到购物车，并且应用程序将发出 api 请求以添加商品在服务器上，它将项目返回到前端，应用程序将调度一个操作来更新 UI，从购物车中删除项目也是如此，但问题是应用程序在我刷新之前不会更新 UI这页纸。

  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),
      };
    }

这是我处理这个问题的功能，希望你们能提供帮助，非常感谢你。