极客时间返利平台,你可以在上边通过山月的链接购买课程,并添加我的微信 (shanyue94) 领取返现。

# useLayoutEffect 和 useEffect 有什么区别

Issue

欢迎在 Gtihub Issue 中回答此问题: Issue 671 (opens new window)

TODO

dom 时间,一个是之前,一个是之后

Author

回答者: luoheix (opens new window)

可以参考:useEffect 和 useLayoutEffect 的区别 - 掘金 (opens new window)useEffect 和 useLayoutEffect 到底有什么区别? (opens new window) 这两篇文章

  • useLayoutEffect 和 componentDidMount 和 componentDidUpdate 触发时机一致(都在在 DOM 修改后且浏览器渲染之前);
  • useLayoutEffect 要比 useEffect 更早的触发执行;
  • useLayoutEffect 会阻塞浏览器渲染,切记执行同步的耗时操作
Last Updated: 11/27/2021, 6:11:48 PM