日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

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

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新