代码分割（路由懒加载）

1. 安装@babel/plugin-syntax-dynamic-import插件，编译动态导入组件,在babel.config.js中配置
2. 安装@loadable/component，实现路由懒加载 import loadable from "@loadable/component";
3. 组件引入const TestJsx = loadable(() => import('./study/1.TestJsx'));

withRouter

1. withRouter是一个高阶组件，它可以帮助那些没有路由API的组件拥有路由API
2. 路由集成后，只有被Route直接包裹的组件，其props上才能访问到路由相关API
3. 没有被Route直接包裹的组件，默认是没有路由API的
   • 类组件语法： withRouter(组件名)，@withRouter class 修饰组件
   • 函数式组件语法：withRouter(组件名) ， 使用Hooks useHistory,useLocation,useParam,useRouteMatch ,推荐使用Hooks

Ant-design 组件库