React 中的 hooks是什么?

159 阅读1分钟

Hooks 是什么

Hooks:钩子、钓钩、钩住。 是一些可以让你在函数组件里“钩入” React state 及生命周期等特性的函数。是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。

作用: 为函数组件提供状态、生命周期等原本 在Class 组件中才提供的功能

  • Hooks 只能在函数组件中使用
  • 可以理解为通过 Hooks 为函数组件钩入 class 组件的特性

Hooks 前后,组件开发模式的对比

  • React v16.8 以前: class 组件(提供状态) + 函数组件(展示内容)

  • React v16.8 及其以后:

    1. class 组件(提供状态) + 函数组件(展示内容)
    2. Hooks(提供状态) + 函数组件(展示内容)
    3. 混用以上两种方式:部分功能用 class 组件,部分功能用 Hooks+函数组件

    小结一下

  1. 有了 Hooks 以后,不能再把函数组件称为 __ __ __了,因为 Hooks 可以为函数组件提供了状态。
  2. Hooks 是一些可以让你在 __ _组件里“钩入” __ _ 及 __ __ 等特性的 ****