Skip to content

lazyLoad

代码

tsx
import { Suspense } from 'react'

const lazyLoad = (Component: React.LazyExoticComponent<() => JSX.Element>) => {
	return (
		<Suspense>
			<Component />
		</Suspense>
	)
}

export default lazyLoad

路由中使用

text
  {
	path: '/login',
		element: lazyLoad(lazy(() => import('~/pages/Login'))),
},

Contributors

作者:Long Mo
字数统计:42 字
阅读时长:1 分钟
Long Mo
文章作者:Long Mo
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Longmo Docs