react路由懒加载导入,lazy和Suspense的基本使用,提升react项目性能
import { lazy } from 'react'
const Home = lazy(() => import('@/pages/Home'))
import { Suspense } from 'react'
import { useRoutes } from 'react-router-dom'
import routes from './router'
function Home() {
<Suspense fallback="loading...">
<div className="main">{useRoutes(routes)}</div>
</Suspense>
}