组件定义
组件是现代前端框架开发中的非常重要的概念，简单来说，它是可重用的代码块，用于构建用户界面。组件化的理念大幅提升了前端开发效率，降低了维护成本，也更好地实现了前后端分离。常见的前端框架如 React、Vue、Angular 等都是基于组件的形式来编写代码的。
组件分类
在 React 中，组件可分为函数组件和类组件：
函数组件
函数组件简单、易于理解，非常适合只用来渲染 UI 的组件。这种组件是纯粹的 JavaScript 函数，使用时只需传入 props 即可：
```javascript function Greeting(props) { returnHello, {props.name}!
; } ReactDOM.render(类组件
类组件是以 ES6 class 的形式定义的，且必须继承 React.Component。类组件有着更多的特性，如生命周期钩子等，适用于复杂 UI 的场景：
```javascript class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } componentDidMount() { this.timerID = setInterval( () => this.tick(), 1000 ); } componentWillUnmount() { clearInterval(this.timerID); } tick() { this.setState({ date: new Date() }); } render() { return (Hello, World!
It is {this.state.date.toLocaleTimeString()}.
使用方法
在 React 中使用组件非常简单，只需把组件当作标签使用即可，如果需要传入参数，只需以属性的方式传递即可：
```javascript function Welcome(props) { returnHello, {props.name}
; } const element =组件也可以嵌套使用：
```javascript function App() { return (总结
组件是 React 开发中的核心概念之一，使用组件能够提高代码复用性和可维护性。在 React 中，组件有函数组件和类组件两种形式，不同的场景下可以选择不同的组件，函数组件更适合简单的 UI 渲染，而类组件更适合复杂的 UI 和复杂的操作。
