react相干的3个面试题

setState是同步还是异步？

  • legacy模式，命中batchedUpdates时是异步

  • legacy模式，未命中batchedUpdates时是同步

    • 比方：用setTimeout包裹setState函数
  • concurrent模式都是异步

legacy模式 -- ReactDOM.render(<App />, rootNode)

concurrent模式 -- ReactDOM.createRoot(rootNode).render(<App />)

react的申明周期函数


标红的是行将过期，应该防止应用他们

useEffect(fn, [ ])和componentDidMount有什么区别

  1. 聊聊useEffect的第二个参数如何影响useEffect回调函数的执行

  2. useEffect回调函数与componentDidMount的执行机会

    • useEffect(fn, []) -- commit阶段实现后异步调用
    • componentDidMount -- commit阶段实现视图更新（mutation阶段）后，在layout阶段同步调用
    • useLayoutEffect(fn, []) -- 在layout阶段同步调用，跟componentDidMount的的调用机会统一