React路由懒加载

react路由组件中的懒加载：

import React,{Component,lazy,Suspense} from 'react'  //先在组件中引入Suspense

<Suspense fallback={<h2>Loading......</h2>}>  //用Suspense把所有路由跳转包起来，fallback是等待的时候的显示。
  <Routes>
    <Route path="/about" element={<About/>}></Route>
    <Route path="/home" element={<Home/>}></Route>
  </Routes>
</Suspense>

这样就可以做到随用随加载。

标签：react,React,Suspense,组件,路由,加载
来源： https://blog.csdn.net/qq_42490210/article/details/122208509