useState的使用
使用 useState
2023-06-13 09:16:08 时间
# 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
函数的返回值是一个数组,数组的第一个位置就是声明的状态的值,第二个位置为一个函数,使用该函数能够对声明的状态进行改变,直接改变状态页面是没办法更新的。
相关文章
- Vue Router 的params和query传参的使用和区别(详尽)「建议收藏」
- msfconsole 控制台使用和操作[通俗易懂]
- Vue-透传Attributes使用解析
- 【Android Protobuf 序列化】Protobuf 使用 ( protobuf-gradle-plugin 插件简介 | Android Studio 中配置插件 | AS 中编译源文件 )
- 使用Spring Cloud Sleuth跟踪应用程序中的请求
- SQL开发知识:Oracle trigger 触发器使用详解
- 使用深入理解Linux下RZ命令的参数使用(linuxrz命令参数)
- 构建你的 Linux 世界:使用编译工具链(linux编译工具链)
- MySQL中实现日期转换的函数使用(mysql转换日期函数)
- 时间怎样使用Redis设置Java对象过期时间(redisjava过期)
- 如何获取和使用MySQL的安装密钥?(mysql的安装密钥)
- 使用Redis集群高效地提高库存存储效率(redis集群指定库存储)
- 使用Redis集群云主机提升企业生产力(redis集群云主机)
- Oracle 数据分析利器散点图的使用方法(oracle.散点图)