组件Component

把重复责任放在一起：卡片的结构、样式和点击后的行为可以一起维护；价格格式或按钮文案改变时，不必在三个页面分别修改。

组合后才成为完整页面：导航、商品卡、筛选区等组件由页面按当前场景排列；同一组件可接收不同商品数据，却保持一致的交互和外观。

用参数控制组件显示什么：组件可以接收外部传入的参数（在 React 中叫 Props）来控制显示内容。例如，商品卡片组件从外部接收商品名称、价格和图片。当你告诉 AI “让这个组件接收一个 title 参数”时，你描述的就是 Props。