在 React 里，如何动态导入组件？

【概念释义】

动态导入组件使用 import() 按需加载代码，配合 React.lazy 与 Suspense 在运行时拉取 chunk。访问路由或条件渲染时才下载对应 JS，降低首屏体积。需 default export、Suspense fallback、建议 ErrorBoundary 处理加载失败。

【基础使用】

import { lazy, Suspense } from "react";

const AdminPanel = lazy(() => import("./AdminPanel"));