React.lazy + Suspense 实现路由懒加载挺香的，分包加载瞬间清爽了不少～ const Home =

Top丶爱红Lv1 2026-02-03 12:44:14

React.lazy + Suspense 实现路由懒加载挺香的，分包加载瞬间清爽了不少～

const Home = React.lazy(() => import('./Home'));
const About = React.lazy(() => import('./About'));

function App() {
  return (
    <Suspense fallback={<div>Loading...</div>}>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/about" element={<About />} />
      </Routes>
    </Suspense>
  );
}

就是要注意服务端渲染的时候有点坑，得处理好 loading 状态不然白屏尴尬

反馈