TypeError: setCart不是函数

Question

在下面的代码中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>
  );
}

Answer 1

<Cart cart={cart} setcart={setCart}></Cart>

应该是

<Cart cart={cart} setCart={setCart}></Cart>

(太棒了！)顺便说一句，这种类型的东西会被TypeScript接受，这也是为什么大多数React开发人员使用它而不是原始JS的原因。