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的的调用机会统一