在 React 中, 和 是用于实现代码分割(Code Splitting)和懒加载组件的重要特性。它们可以帮助你将大型应用拆分成更小的代码块,按需加载,从而提升初始加载性能。 --- 一、 ✅ 作用 允许你将一个动态导入的组件渲染为一个常规的 React 组件。它使得组件的代码可以在需要时才被加载(即懒加载)。 📌 语法 - :返回一个 Promise,当模块加载完成时解析。 - 会等待这个 Promise resolve,然后渲染导出的默认组件。 > ⚠️ 注意:被 包装的组件必须有一个 默认导出(default export)。 --- 二、 ✅ 作用 由于 是异步加载组件的, 用于在等待懒加载组件完成渲染时显示一个“备用内容”(如 loading spinner)。 📌 语法 - :当懒加载组件还在加载中时显示的内容(可以是任意 React 元素)。 - 只能包裹一个子节点,但可以用 Fragment 。 --- 三、完整示例 对应的 (必须有默认导出): --- 四、多个懒加载组件 + Suspense 你可以将多个懒加载组件放在同一个 下: 如果其中任何一个子组件...