如何手把手学习构建React异步加载的高阶组件？

本文共计1507个文字，预计阅读时间需要7分钟。

本章节通过分析`react-loadable`包的源码，手把手教你实现一个React的异步加载高级组件。

1. 我们的React异步加载组件期望如何参与以及暴露哪些API？

首先，我们期望的React异步加载组件应该具备以下功能：

- 参与方式：通过`React.lazy`和`Suspense`来实现组件的懒加载。 - 暴露API： - `loadComponent`：用于加载指定的异步组件。 - `SuspenseFallback`：允许自定义加载时的占位内容。