reac-hook的使用

React Hooks简介

React Hooks就是用函数的形式代替原来的继承类的形式,并且使用预函数的形式管理state,有Hooks可以不再使用类的形式定义组件了

useState的介绍

useState是react自带的一个hook函数,它的作用是用来声明状态变量。

声明:

const [ count , setCount ] = useState(0);

useState这个函数接收的参数是状态的初始值(Initial state),它返回一个数组,这个数组的第0位是当前的状态值,第1位是可以改变状态值的方法函数。 所以上面的代码的意思就是声明了一个状态变量为count,并把它的初始值设为0,同时提供了一个可以改变count的状态值的方法函数。

我们将上面的useState打印出来显示如下的数组,数组的第一位就是上面count的值,第二位是一个方法,他可以改变count的状态值
在这里插入图片描述
在这里插入图片描述

你可能感兴趣的:(react)