分类：useEffect

2021
11-09

React中useEffect 与 useLayoutEffect的区别

目录前置知识useEffectcommitBeforeMutationEffectscommitMutationEffectscommitLayoutEffects后续阶段useLayoutEffect结论前置知识我们可以将React的工作流程划分为几大块：render阶段：主要生成Fiber节点并构建出完整的Fiber树commit阶段：在上一个render阶段中会在rootFiber上生成一条副作用链表，应用的DOM操作就会在本阶段执行commit阶段的工作主要分为三部分，对应到源码中的函数名是：commitBeforeMu... 继续阅读 >

2021
08-20

浅谈react useEffect闭包的坑

问题代码看一段因为useEffect导致的闭包问题代码constbtn=useRef();const[v,setV]=useState('');useEffect(()=>{letclickHandle=()=>{console.log('v:',v);}btn.current.addEventListener('click',clickHandle)return()=>{btn.removeEventListener('click',clickHandle)}},[]);constinputHandle=e=>{setV(e.target.value)}return(<>... 继续阅读 >