概述

提供 React 组件构建、组合的最佳实践。适用于创建、审查或重构 React 组件，涵盖组件结构、props 模式等方面的指导。

用途与能力

• 组件结构: 指导如何组织组件文件和目录
• Props 模式: 教你如何正确使用 props 传递数据
• 组件组合: 展示如何有效组合组件以实现复杂 UI

示例

// 一个简单的示例，展示 props 的使用
function Greeting(props) {
  return 
Hello, {props.name}
;
}

最佳实践

• 保持组件简单: 避免过度复杂的组件
• 使用 Meaningful Props 名称: 促进代码可读性

---

# 原始 YAML frontmatter 保留（假设，实际根据提供的 SKILL.md 内容保留） title: Building Components slug: building-components

---