文档章节

关于react-router4中路由的配置,传参,跳转,可选参数写法

前端大白
 前端大白
发布于 2017/08/12 10:27
字数 145
阅读 436
收藏 0

关于路由跳转:没什么变化:

<li className="col-3"><Link to={'/search/japan'}>日本菜</Link></li>
              <li className="col-3"><Link to='/search/spa'>SPA</Link></li>

可以使用这两种方式之一进行传参,

可选参数的配置:

和RR2比变了一些:

<Route exact path="/search/:category/:keyword?" component={Search}/>

这个是RR4中可选参数的写法.

参数的获取:这个变了还是很多的:

在子组件中:

 <div>
        {this.props.match.params.category}
      </div>

这样获取.

 

 

 

© 著作权归作者所有

前端大白
粉丝 12
博文 78
码字总数 34497
作品 0
杭州
程序员
私信 提问
react-router4入门教程

npm包的区别 首先从react-router的npm包开始看起,分别有react-router和react-router-dom,两者的区别在于后者具有一些dom api,比如Link、BrowserRouter、HashRouter。不难发现react-route...

zwmmm
02/15
0
0
React Navigation

https://reactnavigation.org/docs/intro/nesting 官网 http://blog.csdn.net/u013718120/article/details/72357698 http://www.jianshu.com/p/2f575cc35780 这里只是基本用法,高级详情用法......

Chason-洪
2017/11/15
0
0
迅速上手:使用taro构建微信小程序基础教程

前言 由于微信小程序在开发上不能安装npm依赖,和开发流程上也饱受诟病;Taro 是由京东·凹凸实验室(aotu.io)倾力打造的 多端开发解决方案,它的api基于react,在本篇文章中主要介绍了使用t...

mytac
2018/07/18
0
0
uni-app 的router方案 (大佬写的插件,借用一下并宣传)

项目地址 githup :https://github.com/SilurianYang/uni-simple-router uni-simple-router 一个更为简洁的Vue-router,专为 uni-app 量身打造 简介说明: 是否你也曾感叹过为啥官方就不搞一个...

MrBoyce
09/11
104
0
Jetpack-关于Navigation的使用(Kotlin)

封面 参考: Codelabs-Jetpack Navigation 参考:官方文档 如有错误欢迎指出 我对Navigation的理解 对于:不用去操作,也就意味着对、、说拜拜了。 对于:可能会大幅减少,减少使用因为有更详...

no白菜
11/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

对比ubuntu与centos系统 ​​​​

CentOS与Ubuntu该如何选择,哪个更好用。笔者在自媒体平台收集了一些网友的观点,较为经典,分享给大家。至于应该选择哪个,希望看完本文章后,读者心中有数。 观点1:CentOS适用于服务器,U...

老孟的Linux私房菜
今天
12
0
Java的基本类型

一、Java的基本类型 Java的基本类型有哪些? boolean char byte short int long float double ? 延伸思考 思考一:为什么有的书籍说Java存在第9种数据类型? 实际上,JAVA中还存在另外一种基...

yumoop
今天
14
0
OSChina 周四乱弹 —— 富婆小时候

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @猿敲月下码 :#今日歌曲推荐# 分享陈慧娴的单曲《夜机》 《夜机》- 陈慧娴 手机党少年们想听歌,请使劲儿戳(这里) @開源中國張學友 :早上...

小小编辑
今天
23
0
MyMinimad ── Linux下用libmad写的mp3解码播放程序(四)

优化了内存使用,不再使用mmap映射整个文件到内存 /* * 本程序是从 minimad 改进而来,如要更详细的说明请参看 minimad.c * * Gu Zhou, 2009/12/25, SiChuan University, China *...

代码强国
今天
18
0
Minikube安装

1、下载Minikube二进制文件 sudo curl -Lo minikube https://kubernetes.oss-cn-hangzhou.aliyuncs.com/minikube/releases/latest/minikube-linux-amd64 2、设置权限 sudo chmod +x minikube......

RogueQ
今天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部