BFE.devAI解答 - React 小测验
6. React re-render 5 - context

这段代码会在页面渲染出一个空白的页面，并在控制台输出以下内容：

A
B
C
App

解析：

1. 当根组件 <App/> 被渲染时，useEffect 钩子函数会被触发，将 state 设置为 1，并触发重渲染。
2. 组件 <A/> 作为 App 的子组件被渲染，输出 A。
3. 组件 <B/> 作为 <A/> 的子组件被渲染，通过使用 useContext 获取到 MyContext 提供的值，并输出 B。
4. 组件 <C/> 作为 App 的子组件被渲染，输出 C。
5. 最后 App 组件被渲染，输出 App。

由于 A 组件由 memo 包裹，所以只有 state 发生变化时，A 组件才会被重新渲染。而 B 和 C 组件则没有做任何优化，每次 App 重新渲染时都会重新执行。