React路由

1、原理

不同的路径渲染不同的组件
实现方式：1.HashRouter 2.BrowerRouter

1.1HashRouter

利用hash实现路由切换

1.2BrowerRouter

利用HTML5规范提供的history对象(window.history)
1.history.pushState(state,title,url)
2.histrory.replaceState(state,title,url)
3.window.onpopstate

2、React 路由

npm i react-dom-dom

React Router 是建立在 history 之上的。 简而言之，一个 history 知道如何去监听浏览器地址栏的变化， 并解析这个 URL 转化为 location 对象， 然后 router 使用它匹配到路由，最后正确地渲染对应的组件。