React 路由组件懒加载

2022/01/13 posted in  React Router
Tags:  #React

当路由组件较多时,且用户只会使用少数组件,则可以考虑使用懒加载,当用户点击的时候再通过网络请求获取组件

  1. 需引入 lazy 函数,修改路由组件的引入方式

  2. 引入并使用 Suspense 组件包围路由组件,传入 fallback 组件,fallback 组件将在网络慢不能及时加载路由组件时替代展示,fallback 组件不能懒加载