React(脚手架)——create-react-app撸api(八)路由(一)

今天配置一波最简单的路由,在此之前不得不提一波官网这个东西!

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容