如何巧妙运用React中各种常见hook实现高效组件开发？

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

1. 什么是hook？React hook是React 16.8推出的功能，允许函数式组件拥有类组件的特性，如state、ref、生命周期等。

2. 为什么需要出现hook？函数式组件在全局状态管理、生命周期处理等方面存在限制，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的入参是状态的初始值，返回值是一个数组，数组里第一个参数为状态的值，第二个参数为修改状态的方法。