React 新钩子useImperativeHandle

useImperativeHandle

useLayoutEffect 在渲染真实dom之前同步执行,会阻塞 dom的更新 ,类似类组件声明周期中的ComponentDidMout

自定义hook

需求:

3 复用逻辑代码 hook函数只能在组件或者自定义hook中使用

javascript 复制代码
export default function useDiy(name){
    useEffect(()=>{
        console.log(`${name}组件被创建了`)
        return ()=>{
            console.log(`组件被销毁了`)
        }
    },[])
    
}

2新需求:Context共享

相关推荐
广州华水科技6 分钟前
单北斗变形监测一体机在基础设施安全与地质灾害监测中的应用价值分析
前端
钟智强7 分钟前
React2Shell:CVE-2025-66478 Next.js 远程执行漏洞深度分析与代码剖析
开发语言·javascript·ecmascript
Dragon Wu13 分钟前
Electron Forge集成React Typescript完整步骤
前端·javascript·react.js·typescript·electron·reactjs
芳草萋萋鹦鹉洲哦13 分钟前
【Tailwind】动画解读:Tailwind CSS Animation Examples
前端·css
华仔啊16 分钟前
jQuery 4.0 发布,IE 终于被放弃了
前端·javascript
一心赚狗粮的宇叔20 分钟前
03.Node.js依赖包补充说明及React&Node.Js项目
前端·react.js·node.js
子春一22 分钟前
Flutter for OpenHarmony:音律尺 - 基于Flutter的Web友好型节拍器开发与节奏可视化实现
前端·flutter
JarvanMo22 分钟前
150万开发者“被偷家”!这两款浓眉大眼的 VS Code 插件竟然是间谍
前端
亿元程序员24 分钟前
大佬,现在AI游戏开发教程那么多,你不搞点卖给大学生吗?
前端
未来龙皇小蓝34 分钟前
RBAC前端架构-02:集成Vue Router、Vuex和Axios实现基本认证实现
前端·vue.js·架构