React路由配置

React中路由通过react-router-dom实现 最主要分为BrowserRouter Switch Route Redirect下面是引入的方法 首先来讲BrowserRouter 他可以为每个路由加载一个顶级组件也就是要是路由的最外层的父级

接下来是Switch他能保证路由只渲染一个路径 他会向下查找当查找到需要的路由之后就会停止查找并且是模糊查找 所以根据他的情况 我们也会联想到一个问题就是当我们的路由如果两个路由比较相似的话 但当我们想要跳转的路由并不是我当前查找到的路由 Switch也同样会停止查找 这里我们就需要用到exact让Switch做精准匹配 如图

之后就是我们的路由了 Route 他就是代表着我们配置好的路由path中是我们路由的url地址 component也就是我们要渲染的组件名了

最后就是我们的Redirect也就是我们的重定向 他是当Switch做完了所有路由的查找后 当找不到想要去的路由 就会跳转到Redirect指定的页面

希望大家通过我的分享理解React路由的基本配置，本篇可能有很多不对的地方。望大牛多多指点。