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共享

相关推荐
ruanCat几秒前
使用 cloudflare worker 实现域名重定向
前端
华仔啊2 分钟前
关于移动端100vh的坑和终极解决方案,看这一篇就够了!
前端·css
Hashan5 分钟前
Webpack 核心双引擎:Loader 与 Plugin 详解
前端·webpack
前端端9 分钟前
claude code 学习记录
前端
一位搞嵌入式的 genius11 分钟前
ES6 核心特性详解:从变量声明到函数参数优化
前端·笔记·学习
JarvanMo13 分钟前
Flutter:纯函数与不可变模型
前端
玲小珑20 分钟前
LangChain.js 完全开发手册(六)Vector 向量化技术与语义搜索
前端·langchain·ai编程
孟陬32 分钟前
React Router Declarative → Data → Framework 三种模式如何选
react.js
小妖怪的夏天34 分钟前
react native 出现 FATAL EXCEPTION: OkHttp Dispatcher
react native·react.js·okhttp
晓得迷路了1 小时前
栗子前端技术周刊第 97 期 - Viteland:8 月回顾、Redux Toolkit 2.9、Nuxt 4.1...
前端·javascript·nuxt.js