BFE.devAI解答 - React 小测验
4. React re-render 4

这段代码的输出是什么？

输出是：

App
A
B
C
D

解析：

• App 组件最先被渲染，打印出 App；
• A 组件被渲染，打印出 A，同时执行 useEffect：状态 state 的初始值为 0，执行 setState 后 state 变为 1；
• B 组件被渲染，打印出 B；
• C 组件被渲染，打印出 C；
• D 组件被渲染，打印出 D。

注意：因为使用了 ReactDOM.createRoot，所以这里使用了 Concurrent Mode，输出顺序不一定固定。