React 路由懒加载应用

一、懒加载的使用

1. 在路由配置文件router.tsx中引入懒加载组件lazy
   
2. 在router.tsx 中使用懒加载导入的组件
   

二、出现的问题

 懒加载的路由只有在被访问时才会加载，若加载时间过长，会导致界面出现异常。故React要求添加错误边界  

解决方案：使用Suspense包裹懒加载组件

方案一、路由文件中使用高阶组件

方案二、路由文件router.tsx不做改变，在main.tsx根组件外层添加Suspense组件