React组件，05篇内容，有何独到见解？

本文共计2027个文字，预计阅读时间需要9分钟。

组件是用来实现局部功能的可复用代码片段，例如，很多界面会用到的分页功能。因为这样可以将其封装成独立的组件，使用到分页功能的界面只需引入该组件即可，无需重新编写代码。1+定义组件分页。

什么是组件：用来实现局部功能的可复用代码片段

比如很多界面会用到“分页”功能，因此可以将它封装成独立的组件

这样用到分页的界面只需引入该组件而不必重新写代码

1 定义组件

在 React 中有两种组件，一种是函数组件，一种是类组件

1.1 函数组件

定义组件最简单的方式就是编写 JavaScript 函数

对 React 来说，能够返回一个 React 元素的 函数 就叫组件

function MyComponent() { return <h2>我是一个函数组件</h2>; }

在线代码

1.2 class 组件

类组件的声明过程会比较繁琐一些，需要使用 class、extends 关键字，来继承React.Component{}

render()函数会返回该类的实例要创建的元素。