- 微信扫码关注公众号 :前端前端大前端,追求更精致的阅读体验 ,一起来学习啊
- 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
demo
import React ,{Suspense}from 'react';
import { render } from 'react-dom';
const A = React.lazy(() => import('./A'));
const B = React.lazy(() => import('./B'));
const Loading=()=>{
return <div>Loading...</div>
}
function App() {
return (
<div>
<Suspense fallback={<Loading/>}>
<A/>
<B/>
</Suspense>
</div>
);
}
render(<App/>,document.getElementById("root"))
- A.js
import React from 'react';
export default function(){
return <p>A</p>
}
B.js
import React from 'react';
export default function(){
return <p>B</p>
}