理解并使用react的useState
1、为什么有了这个方法
useState()是专门用在函数组件中的,因为函数组件本来是没有状态的组件,而类组件中可以通过 this.state和this.setState来更新组件状态,于是 React 16.8 就新增useState这个特性,用来提升函数组件的性能。
- 函数组件
import React, {
useState } from 'react';
function ChangeAge() {
// 声明一个叫 "name" 的 state 变量
const [name, setName] = useState(0);
return (
<div>
<p>Your age is {
age}</p>
<button onClick={

本文介绍了React 16.8引入的useState Hook,用于赋予函数组件状态能力。通过useState,你可以定义状态变量并提供初始值,同时获取一个更新状态的方法。文章通过比较函数组件与类组件的状态管理,详细阐述了useState的使用方法,并通过实例解析了其工作原理。
最低0.47元/天 解锁文章
463

被折叠的 条评论
为什么被折叠?



