useState的使用
useState的使用
小小杰啊
发布于 2022-12-21 13:37:01
发布于 2022-12-21 13:37:01
代码可运行
运行总次数：0
代码可运行
# React Hook - useSate
在 React 的函数式组件当中，是没有状态的，但是使用 React 提供的 Hook 可以让函数式组件拥有状态。
# 使用 useState() 进行状态管理
无状态的函数组件没有状态，如下代码所示：
function example(){
return <h1>我是一个函数式组件</h1>
}如果需要给这个组件添加一个状态，就需要用到 React 提供的 useSate() 这个 Hook，它的使用方式如下：
import { useState } from "react";
function App1() {
const [msg, setState] = useState("Hello React");
const fn = () => {
setState("测试");
};
return (
<>
<h1 onClick={fn}>{msg},你好</h1>
</>
);
}
export default App1;使用 useState() 可以在函数式组件当中声明状态，useState 函数的返回值是一个数组，数组的第一个位置就是声明的状态的值，第二个位置为一个函数，使用该函数能够对声明的状态进行改变，直接改变状态页面是没办法更新的。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022-03-13，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
推荐阅读
相关推荐
深入浅出 React Hooks
更多 >一站式MCP教程库，解锁AI应用新玩法
涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手
腾讯云开发者
