React函数式组件和类式组件的区别有哪些细节需要详细说明？

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

目录+前言+1. 函数式组件+2. 类式组件+前言+React 是一个组件化的 JavaScript 库，核心思想是组件化。使用 React，可以构建具有自身状态的封装组件，进而组合成复杂的 UI。React 的组件化是其核心思想，也是其构建动态交互式网页的基础。

目录

• 前言
• 1. 函数式组件
• 2. 类式组件

前言

React 是组件化的的 JS 库，组件化也是 React 的核心思想。使用 React 可以构建管理自身状态的封装组件，然后对其组合以构成复杂的 UI。那么什么是组件呢？组件是用来实现局部功能效果的代码和资源的集合，包括 html / css / js/ image 等，组件的作用是简化代码、复用代码、提高运行效率。

React 里主要有两种类型的组件：

• 函数式组件 => 基于函数；
• 类式组件 => 基于类；

1. 函数式组件

函数式组件是基于使用function定义的函数，函数式组件 和 普通函数 最主要的区别在调用的时候，函数式组件在渲染的时候没有被人为显式调用，而是由 React 内部去调用。