今天配置一波最简单的路由,在此之前不得不提一波官网这个东西!
在程序员的世界,每个技术都存在官网,当然有些人说它找不到!我问怎么找的,他说搜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,这是最简单最简单的配置,动手试一下吧