React-Router笔记

• 首先通过脚手架创建项目：npx create-react-app learn-router
• 接下来安装路由：cnpm i react-router-dom --save
• 最基本的示例：
  这里当我们访问’/home’时，展示的就是Home组件；同理，访问’/news’，展示的是News组件。
• 这里使用的是BroserRouter,还有一种路由形式是HashRouter，这里补充一下两种路由形式的区别：
  1. 表现形式不同：BrowserRouter: / HashRouter: /#/
  2. 打包发布的时候，如果是BrowserRouter，我们需要后台做重定向处理，否则刷新访问会出现404
• link跳转：
  react-router提供了一个组件Link,它有一个to属性，可以实现路由跳转，看一下最简单的基本示例：
  
  这里我们只要点击新闻或首页，就可以实现路由跳转。