个人技术分享

React Router就是实现不用刷新的条件下切换不同页面。路由的本质是页面URL发生改变,页面的显示结果也发生改变,但是页面不会刷新。

React Router分为几个部分:

  1. React-Router:实现了路由核心部分功能;
  2. React-Router-dom:基于react-router,加入了在浏览器运行环境下的一些功能;
  3. react-router-native:基于react-router,加入了react-native运行环境下的一些功能
  4. react-router-config:用来配置静态路由的工具库

这里记录的在浏览器运行环境下的react-router-dom,提供了这些组件:

BrowserRouter、HashRouter

Router中包含了对路径改变的监听,并且会将相应的路径传递给子组件,BrowserRouter是history模式,HashRouter是哈希模式

这两个组件作为顶层组件包裹其他组件

function App(props: any