react中关于hook介绍及其使用

https://pics5.baidu.com/feed/9e3df8dcd100baa186e32de32e070815c9fc2ebd.jpeg@f_auto?token=6bfaafe3c5530716d8d1b72881931608{}

前言
最近由于公司的项目开发，就学习了在react关于hook的使用，对其有个基本的认识以及如何在项目中去应用hook。在这篇博客中主要从以下的几个点进行介绍：
hook简介hook中常用api的使用hook在使用过程中需要去注意的地方hook中怎样去实现class组件中的声明周期函数hook
首先介绍关于hook的含义，以及其所要去面对的一些场景
含义：Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。简单来说就是可以使用函数组件去使用react中的一些特性所要解决的问题：解决组件之间复用状态逻辑很难得问题，hook能解决的就是在你无需修改之前组件结构的情况下复用状态逻辑，在不使用hook的情况下，需要使用到一些高级的用法如高级组件、provider、customer等，这种方式对于新手来说不太友好，可能在理解上就比较的困难对于复杂组件可以去拆分其逻辑，例如在你使用生命周期函数时，不同的生命周期需要在不同的时刻进行，因此在此时对于复杂的组件来说，有的生命周期函数中就存在大量的逻辑，在可读性上面就大打折扣。当使用hook时，就可以进行组件逻辑的划分，将相同的逻辑给整合在一起，这样就大大增加可读性也在一方面利于维护不需要对于class组件的理解，当你在最初去学习时，你不得不去理解this这个关键字，在当前组件所表示的含义，但是在hook中就不需要。
能够解决你在不使用class组件的情况下去体现react的特性需要注意的一点就是hook和class组件是不能够同时使用的，在实际的使用过程中一定要注意，否则就会出现报错那么接下来所要介绍的部分就是如何去使用hook
state hook
对于使用过class组件的同学，相信对于state肯定有很深的印象，对于一些需要用到的全局变量，在class组件中我们常常采用的方式是this.state = {}，但是在hook中我们采用的方式就是使用useState这个hook，然后就可以对这种全局变量进行引用，在引用时只需要用其变量名即可，这里就拿官网的例子来举例：