今天配置一波最简单的路由，在此之前不得不提一波官网这个东西！
在程序员的世界，每个技术都存在官网，当然有些人说它找不到！我问怎么找的，他说搜xxx官网啊！我就有点汗颜，我反正搜bug用谷歌搜官网用github，这么说就理解了哈
https://github.com/ReactTraining/react-router
这里就只看4.x的docs了
https://reacttraining.com/react-router/web/example/basic
首先我们安装一下路由 npm install react-router-dom
安装好之后在APP.js中引入
import { BrowserRouter as Router, Route, Link } from "react-router-dom"
不需要自己记忆，可以看文档的例子
随意编写三个组件，如何配置呢，很简单
BrowserRouter其实就是HTML 的 History API，与之有个相似的hashHistory可以自行了解一下，那这里需要注意的就是根节点，这个div别忘记写了，那此时配置已经OK了，在url中后面输入/xxx已经可以看到相应的页面了，那这里有个exact的作用是用来过滤的，如果不添加会将Home也渲染进去，默认也匹配到了Home，所以在跟路由的时候加上即可
那Vue中有router-link控制url跳转，react也肯定有
OK，这是最简单最简单的配置，动手试一下吧
网友评论