react路由懒加载导入

319 阅读1分钟

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>
}