react 基础(useCallback)

useCallback 作用,主要用于缓存函数的。

js 复制代码
import { FC, useCallback, useMemo, useState } from 'react';


const UserCallback: FC = () => {
    
    const [text, setText] = useState('hello')
    const fn1 = () => {
        console.log('fn1')
    }
    const fn2 = useCallback(() => {
        console.log('fn2 text', text)
    }, [text])
    return <>
        <div>
            <button onClick={fn1}> fn1</button> 
            <div>
                <button onClick={fn2}> fn2</button>
            </div>
            {text}
            <div>
                <input type="text" value={text} onChange={e => setText(e.target.value) } />
            </div>
        </div>
    </>
}

export default UserCallback;
相关推荐
skeletron20116 分钟前
🚀AI评测这么玩(2)——使用开源评测引擎eval-engine实现问答相似度评估
前端·后端
前端开发爱好者6 分钟前
Vite 7.1.1 疑似遭受大规模 "攻击"!
前端·vue.js·vite
小徐_23339 分钟前
uni-app 还在手写请求?alova 帮你全搞定!
前端·uni-app·axios
七十二時_阿川20 分钟前
React 浏览器重新绘制之前副作用之useLayoutEffect
前端·程序员
Apifox21 分钟前
API 文档中有多种参数结构怎么办?Apifox 里用 oneOf/anyOf/allOf 这样写
前端·后端·测试
IT小番茄27 分钟前
若依框架导出 Excel 签名实现方案
前端·后端
枫叶是圆的30 分钟前
纯CSS+JS制作抽奖大转盘
前端·javascript·css·html·css3
四岁爱上了她33 分钟前
vue3使用插槽写一个自定义瀑布列表
前端·javascript·vue.js
Darling02zjh34 分钟前
_CSS3
前端·css·css3
har01d35 分钟前
【CSS3】录音中。。。
前端·css·vue.js·vue·vue3·css3