react hooks实现加入购物车

好的，这里是一个简单的React Hooks实现加入购物车的示例代码：

import React, { useState } from 'react';

function ShoppingCart() {
  const [items, setItems] = useState([]);

  function addToCart(item) {
    setItems([...items, item]);
  }

  return (
    <div>
      <h2>Shopping Cart</h2>
      <ul>
        {items.map((item, index) => (
          <li key={index}>{item}</li>
        ))}
      </ul>
      <button onClick={() => addToCart('item1')}>Add Item 1</button>
      <button onClick={() => addToCart('item2')}>Add Item 2</button>
    </div>
  );
}

export default ShoppingCart;

在这个示例中，我们使用了useState hook来管理购物车中的商品列表。当用户点击“Add Item”按钮时，我们使用setItems函数来更新商品列表的状态。

请注意，在实际的应用中，您需要将商品数据传递给addToCart函数，而不是在函数内部硬编码商品名称。您也可以自定义购物车的UI和交互，例如添加数量选择器、删除按钮等等。