import React from 'react'
const ContextDemo = () => import('./ContextDemo') // vue中
const ContextDemo = React.lazy(() => import('./ContextDemo')) // 异步组件
class App extends React.Component {
constructor(props) {
super(props)
}
render() {
return <div>
<p>引入一个动态组件</p>
<hr />
<React.Suspense fallback={<div>Loading...</div>}>
<ContextDemo/>
</React.Suspense>
</div>
// 1. 强制刷新,可看到 loading (看不到就限制一下 chrome 网速)
// 2. 看 network 的 js 加载
}
}
export default App
React高级特性之异步组件
最新推荐文章于 2024-04-13 19:14:35 发布