React中如何高效运用常见的hooks函数？

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

1. 什么是hook？React hook是React 16.8推出的新方法，允许函数式组件像类组件一样拥有state、ref、生命周期等特性。

2. 为什么要有hook？函数式组件在非严格模式下，更接近于全局普通函数。

1、什么是hook？

react hook是react 16.8推出的方法，能够让函数式组件像类式组件一样拥有state、ref、生命周期等属性。

2、为什么要出现hook？

函数式组件是全局当中一个普通函数，在非严格模式下this指向window，但是react内部开启了严格模式，此时this指向undefined，无法像类式组件一样使用state、ref，函数式组件定义的变量都是局部的，当组件进行更新时会重新定义，也无法存储，所以在hook出现之前，函数式组件有很大的局限性，通常情况下都会使用类式组件来进行代码的编写。

3、有哪些常用的hook？

(1) useState

使函数式组件也能保存状态的一个hook，这个hook的入参是状态的初始值，返回值是一个数组，数组里第一个参数为状态的值，第二个参数为修改状态的方法。