美文网首页
useEffect 和 useLayoutEffect 区别

useEffect 和 useLayoutEffect 区别

作者: Lucien_d70a | 来源:发表于2021-11-20 14:47 被阅读0次

useEffect

useEffect(() => {
  // codes
  return () => {  } // 当组件取消以后会执行return的东西
}, []) // render 完以后执行
useEffect(() => {
  // codes
}, [state]) // state 有变化时候执行,包括第一次
useEffect(() => {
  // codes
}) // 每次render都会执行

useLayoutEffect 使用方法同理

区别

  • useLayoutEffect 总会比 useEffect 先执行,它是render前的动作,除非特殊场景,不然使用 useEffect 即可。


相关文章

网友评论

      本文标题:useEffect 和 useLayoutEffect 区别

      本文链接:https://www.haomeiwen.com/subject/ekzytrtx.html