Hooks 是什么
Hooks:钩子、钓钩、钩住。 是一些可以让你在函数组件里“钩入” React state 及生命周期等特性的函数。是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
作用: 为函数组件提供状态、生命周期等原本 在Class 组件中才提供的功能
- Hooks 只能在函数组件中使用
- 可以理解为通过 Hooks 为函数组件钩入 class 组件的特性
Hooks 前后,组件开发模式的对比
-
React v16.8 以前: class 组件(提供状态) + 函数组件(展示内容)
-
React v16.8 及其以后:
- class 组件(提供状态) + 函数组件(展示内容)
- Hooks(提供状态) + 函数组件(展示内容)
- 混用以上两种方式:部分功能用 class 组件,部分功能用 Hooks+函数组件
小结一下
- 有了 Hooks 以后,不能再把函数组件称为 __ __ __了,因为 Hooks 可以为函数组件提供了状态。
- Hooks 是一些可以让你在 __ _组件里“钩入” __ _ 及 __ __ 等特性的 ****