react——react-router-dom 路由与 react-loadable 异步加载组件

最新推荐文章于 2024-08-13 08:29:54 发布

肖ZE

最新推荐文章于 2024-08-13 08:29:54 发布

阅读量917

点赞数

分类专栏： react

本文链接：https://blog.csdn.net/lucky541788/article/details/102672784

版权

本文介绍了如何在React应用中使用react-router-dom进行路由配置，包括函数式调用和不同传参格式的详细说明。同时，探讨了react-loadable组件的异步加载策略，分析了各种方式的优缺点，帮助提升应用的性能和用户体验。

摘要由CSDN通过智能技术生成

react-router-dom

更多查阅官方文档

import {
    BrowserRouter, Route, Link, Redirect, withRouter } from 'react-router-dom';

<BrowserRouter>
  {
   /* 用来跳转链接，注意在 BrowserRouter 内部 */}
  <Link to='/'><p>home</p></Link>
  <Link to='/detail'>detail</Link>
  
  {
   /* 用来重定向链接，注意在 BrowserRouter 内部 */}
  <Redirect to='/detail'></Redirect>

  {
   /* exact 来说明路由完全等于所设置的 path 才会跳转，以防模糊匹配 */}
  <Route path='/' exact render={
   ()