如何快速掌握React Hooks入门教程？

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

React 状态钩子示例：javascriptimport { useState } from 'react';

function Example() { const [count, setCount]=useState(0); return (

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。