react路由懒加载[通俗易懂]

全栈程序员站长

发布于 2022-09-27 10:14:01

7900

发布于 2022-09-27 10:14:01

大家好，又见面了，我是你们的朋友全栈君。

1.lazy，Suspense fallback，路由懒加载

//引入Suspense从react中
import React,{Suspense} from 'react'
import Home from './Home'
//懒加载需要写成
const Home = lazy(()=>import（'./Home'）)
然后用Suspense包裹路由组件
<Suspense fallback={<h1>Loading....</h1>}>
{路由组件}
</Suspense>

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/188210.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

https