React 组件文档指南 📚

React 的核心在于组件化开发，组件是构建用户界面的基本单元。以下是关于组件的关键知识点：

1. 组件基础 📌

• 组件定义：组件是独立的、可复用的代码模块，通过 props 接收数据，通过 state 管理内部状态。
• 组件类型：
  • 函数组件（Functional Component）✅
  • 类组件（Class Component）❌
• 组件渲染：使用 ReactDOM.render() 或函数组件的 return 语句返回 JSX 结构。

2. 组件生命周期 🔁

• 挂载阶段（Mounting）：
  • constructor()：初始化状态和绑定事件。
  • render()：返回 UI 结构。
  • componentDidMount()：挂载后执行，如发起网络请求。
• 更新阶段（Updating）：
  • componentDidUpdate(prevProps, prevState)：更新后执行，用于数据同步。
• 卸载阶段（Unmounting）：
  • componentWillUnmount()：清理资源，如取消定时器。
  

3. 组件最佳实践 ✅

• 单一职责原则：一个组件只负责一个功能。
• 状态管理：避免在组件间直接传递 state，使用 Context 或状态管理工具。
• 性能优化：使用 React.memo() 避免不必要的渲染。
• 代码复用：通过高阶组件（HOC）或 Render Props 实现。

4. 扩展阅读 📚

• React 官方组件文档（英文）
• React/基础/教程（中文）
• 组件通信技巧（进阶路径）

5. 常见问题 ❓

• Q: 如何区分函数组件和类组件？
  A: 函数组件使用 function 关键字，类组件继承自 React.Component。
• Q: 组件间如何传递数据？
  A: 通过 props 传递，或使用 Context API 实现深层共享。