BFE.devAI解答 - React 小测验
7. Suspense 1

这段代码的输出是什么？

输出是：

App
A1
fallback
A2
1

解释：

1. 首先渲染<App/>组件，打印出App。
2. <App/>组件的子组件<Suspense/>开始加载，<A/>组件尚未加载。
3. <A/>组件开始加载，打印出A1。由于resource的状态为pending，因此会抛出一个fetcher Promise。
4. 在<Suspense fallback={<Fallback/>}>组件内，由于资源还未就绪，会展示fallback组件，打印出fallback。
5. 100毫秒后，数据加载完毕，resource的状态变为ready，<A/>组件显示出来，打印出A2和1。