useEffect 和 useLayoutEffect

517 阅读1分钟

useEffect

  • 异步执行(下一个宏任务,所以浏览器会先render一次)
  • 不会阻塞渲染

useLayoutEffect

  • 同步执行(在当前宏任务中执行)
  • 和componentDidMount是等价的
  • 建议把和 dom 相关的操作放到 useLayouteEffect 中去