如何全面掌握react hooks入门教程？

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

React State Hooks 示例：导入 useState，定义一个名为 Example 的函数，使用 useState 创建一个名为 count 的状态变量和设置 count 的函数 setCount。count 的初始值为 0。函数返回一个 div 和一个段落，显示 You clicked {count} times。

State Hooks

案例：

import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); //count:声明的变量；setCount：改变count值的函数；0：count的初始值 return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); }

useState是react自带的一个hook函数，它的作用就是用来声明状态变量。useState这个函数接收的参数是我们的状态初始值（initial state），它返回了一个数组，这个数组的第[0]项是当前当前的状态值，第[1]项是可以改变状态值的方法函数。
所以我们做的事情其实就是，声明了一个状态变量count，把它的初始值设为0，同时提供了一个可以更改count的函数setCount。

当用户点击按钮时，我们调用setCount函数，这个函数接收的参数是修改过的新状态值。