react项目中如何进行组件的懒加载

有时候我们在项目中引入组件：import *** from ‘url’,一般都是这样引用的，但是有时候们的组件加载比较缓慢，就会出现整体白屏的情况，非常影响体验，还好react为我们提供了方法。

//在组件外u调用lazy
const SomeComponent = lazy(()=>import('url'))
export function App(){
    return (
        <Suspensse fallback={<Loading/>}>
            <SomeComponent/>
        </Suspensse>
    )
}

把需要懒加载的组件都这样引入，页面加载的时候就会先展示Loading，而不影响其他的组件加载。