Javascript TypeError:setCart不是一个函数

setCart在以下代码中不工作 我已经传递了cart，setcart作为此函数的道具cart是可访问的，但setcart不起作用

export default function Cart({ cart, setCart }) {
  const deletecart = () => {
    console.log("delete");

    setCart([]);
  };
  return (
    <div>
      <div className="container main">
        <h4>Items In Cart</h4>
      </div>
      <h3>Your Cart Items</h3>
      <button onClick={deletecart} className="btn btn-primary">
        Delete Cart
      </button>
      <button>Place Your Order</button>
    </div>
  );
}

导出默认功能购物车（{Cart，setCart}）{
常量deletecart=（）=>{
控制台日志（“删除”）；
setCart（[]）；
};
返回(
购物车中的物品
您的购物车项目
删除购物车
下单
);
}

应该是

---

（这是一个doh！）顺便说一句，这类东西会被TypeScript接受，这就是为什么大多数React开发人员使用它而不是原始JS。

您的HTML缺少一个结束a div。除此之外，它看起来还可以，所以请提供调用Cart函数的代码。它可能没有正确地传入setCart。我建议用一根线来检查你的代码。它将为初学者拾取缺少的部分。这里是~~~就在

return

语句之前，为什么不执行

console.log（setCart）

？这将显示函数是否作为道具出现在这里，如果没有，请检查分解部分（

{cart，setCart}

），如果那里一切正常，然后检查执行操作的部分

，依此类推。。。这将有助于轻松调试。很高兴提供帮助。请标记为回答/赞成票。