Suspense

• Suspense、lazy、next/dynamic 三者区别

Suspense、lazy、next/dynamic

Suspense和lazy通常成对出现，lazy 负责“延迟加载组件代码”，Suspense 负责“加载期间显示 fallback”

• Suspense：React 的“等待中占位”机制

• lazy：React 原生的“按需加载组件”

• next/dynamic：Next.js 对动态导入的封装，适配 React 和 Next.js 的运行方式

  • next/dynamic 相当于 React.lazy + Suspense