Creates a PR body when no temp…

# PR 描述：购物车页面从 Class 组件重构为 Hooks

标题

```

refactor(cart): 将购物车页面从 Class 组件重构为 React Hooks

```

概述

本次改动将 Cart.js 和 CartItem.js 两个文件从传统 Class 组件重构为函数组件 + Hooks 写法，统一项目代码风格，降低维护成本，逻辑行为保持不变。

改动内容

• Cart.js
• 将 class Cart extends React.Component 重写为函数组件
• 生命周期方法迁移：
• componentDidMount → useEffect(() => {...}, [])
• componentDidUpdate / props 监听 → useEffect 依赖数组处理
• this.state 拆分为独立的 useState 调用（如商品列表、总价等状态）
• CartItem.js
• 重写为函数组件，移除 this.props，改用函数参数接收 props
• 回调处理函数改用 useCallback（如数量增减、删除商品），避免子组件不必要的重渲染
• 若存在派生数据（如小计计算），用 useMemo 优化

重构收益

• 移除 this 绑定相关样板代码，可读性提升
• 相关状态逻辑可聚合在自定义 Hook 中（后续可抽出 useCart 供复用）
• 与项目中其他已使用 Hooks 的组件风格保持一致

自测清单

• [ ] 购物车商品列表正常渲染
• [ ] 数量增减、删除商品功能正常
• [ ] 总价随商品变动实时更新
• [ ] 空购物车状态展示正常
• [ ] 结算跳转流程无回归

关联 Issue

```

Closes #XXX（替换为实际 Issue 编号）

```

> 💡 使用提示：请根据实际情况替换 Issue 编号，并按自测清单逐项确认后勾选。