react简单入门--常用hook中useState的使用

前言：
在react中，我们在开始学习中比较喜欢用class组件，但在实际开发中，更多的是用函数组件，但函数组件中，又很难像class组件拥有state的特性，来管理当前组件的一些状态，所以在函数组件中我们可以引用useState的hook

1、导入：

这个方法无需下载第三方包，直接在react包中引用即可，

2、使用：

我们先创建一个home函数组件吧

展示效果：

我们发现确实能够实现类似class组件一样可以管理自己的组件的state了，其语法大致如下：

let [ state, setState ] = useState( params )

我们先来看下这个useState()函数打印出的是什么吧

打印发现，我们给useState()传什么params参数，就会相应的返回一个包含 一个与params值相等的值 和 一个函数 的数组，而数组中第一个东西其实就是我们的state，第二个东西就是用来管理这个state的函数，再者，我们正好可以用数组解构的方式去接受这个数组的两个东西，也就出现了我上诉所说的语法了。我们再通过测试也确实可以达到我们的目的，当然，我们往往一个组件里面不止有一个state，那其实我在打印的时候你也应该能观察到，你要想要多个state，那就多调用几个useState()函数即可。