TypeError：GetItem在测试具有节点模块钩的组件时不是功能

Question

我正在学习反应，并陷入测试我的一个组件之一。 我使用React-use-cart管理购物车，这就是代码外观

import React from "react";
import { Link } from "react-router-dom";
import { useCart } from "react-use-cart";
import PropTypes from "prop-types";

import handleQuantityChange from "../../logic/product/handleQuantityChange";

function AddToCart(props) {
    const {product, styles, loading} = props;
    const { addItem, inCart, getItem, updateItemQuantity } = useCart();
    const productInCart = getItem(product.id);

测试在“ productIncart = getItem（product.id）”上打破，说“ typeError：getItem不是函数”。 我一直陷入困境几天，真的很感谢您的帮助，这是我第一次问一个问题，因此，如果您需要更多信息，请告诉我，谢谢。

也关于测试，在渲染阶段进行测试中断

import React from "react";
import { render, screen } from "@testing-library/react";
import AddToCart from "../AddToCart";
import { MemoryRouter as Router } from "react-router-dom";
describe("get item is not a function", () => { 
    const product = {
        name: "test name",
        imgUrl: "test image",
        price: 555,
        shipping: 1000,
        id: 55
    }; 
    const styles = []


    beforeEach(() => {
        render(
            <Router>
                <AddToCart product={product} styles={styles}/>
            </Router>
        );
    });

Answer 1

您缺少cartprovider：

{...}

    beforeEach(() => {
        render(
          <CartProvider>
            <Router>
                <AddToCart product={product} styles={styles}/>
            </Router>
          </CartProvider>
        );
    });

Answer 2

您是否尝试记录getItem的值以查看它是否确实是一个函数？尽管我不熟悉用途，但似乎您确实正确地进行了操作。
除此之外，addTocart函数缺少结尾的卷发括号，我认为您只是没有粘贴整个代码？