React的组件

React组件是构建用户界面的可重用代码块。 组件可以将界面分割成独立的、可复用的部分，每个部分只负责一个特定的功能。 通过组合不同的组件，可以构建出复杂的用户界面。

React组件有两种主要类型：函数组件和类组件。

💌函数组件（Functional Components）: 函数组件是一个纯JavaScript函数，接收一个props对象作为参数，并返回用于描述UI的React 元素。函数组件是无状态的，不需要内部状态或生命周期方法。使用函数组件可以编写简洁、轻量级的组件。

💌类组件（Class Components）: 类组件是ES6类的扩展，通过继承React.Component类创建。类组件具有内部状态和生命周期方法。通过定义render()方法，可以渲染React元素返回的结果。类组件提供了更多的功能和灵活性，可以处理内部状态、生命周期方法以及处理用户交互等。

除了这两种主要的组件类型，还有一些其他类型的组件，如：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=8fdf5cbfd63b4a8a8e6491e5c03b513f

㊙🉐高阶组件（Higher-Order Components）: 高阶组件是一个函数或一个接收组件作为参数的组件。它可以增强或修改传入组件的功能，并返回一个新的组件。

㊙🉐嵌套组件（Nested Components）: 嵌套组件指的是将一个组件嵌套在另一个组件的内部。通过嵌套组件，可以将UI分解为更小的、可复用的部分，并更好地组织代码。

㊙🉐无状态组件（Stateless Components）: 无状态组件是指没有内部状态的组件，通常是函数组件的一种形式。无状态组件只通过props接收输入，并根据输入生成输出。

㊙🉐受控组件（Controlled Components）: 受控组件是由React管理其内部状态的组件，通过props和事件处理程序进行数据交互。受控组件的状态由React控制，以确保数据的一致性和可追踪性。

这些组件类型提供了不同的功能和灵活性，可以根据项目的需求选择适合的组件类型。