学无先后,达者为师

网站首页 编程语言 正文

react中useState的基本用法

作者:海鸥-w 更新时间: 2023-07-13 编程语言

useState是一个 React Hook,可让您向组件添加状态变量。目的是在函数组件中使用状态,并且后期基于状态的修改,可以让组件更新,
语法
let [num,setNum] = useState(initValue)
执行useState,传递的initValue是初始的状态值
执行这个方法,返回结果是一个数组:【状态值,修改修改状态值的方法】
num:变量存储的是;获取的状态值
setNum:变量的存储是;修改状态的方法

函数组件没有实例的概念,调用组件不再是创建类的实例,而是函数执行,产生一个私有上下文,所以在函数组件中不涉及this的处理

import { useState } from 'react';
export default function Counter() {
  const [count, setCount] = useState(0);
  function handleClick() {
    setCount(count + 1);
  }
  return (
    <button onClick={handleClick}>
    你好点击我
    </button>
  );
}

useState的实现原理
在这里插入图片描述
useState的源码实现

在这里插入图片描述

原文链接:https://blog.csdn.net/weixin_50379372/article/details/131213655

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新