useState
是 React 提供的一个 Hook,允许你在函数组件中添加和管理状态(state)。在类组件中,状态管理通常是通过 this.state
和 this.setState
来实现的,而在函数组件中,useState
提供了类似的功能。
基本用法:
-
useState
接收一个初始状态值,并返回一个数组,包含两个元素:当前状态和一个允许你更新该状态的函数。 -
示例代码
import React, { useState } from 'react';function Example() {// 声明一个名为 "count" 的状态变量,初始值为 0const [count, setCount] = useState(0);return (<div><p>You clicked {count} times</p><button onClick={() => setCount(count + 1)}>Click me</button></div>); }