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

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

<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>

这样获取.

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏信安之路

一个 .net 病毒的分析过程

本次样本为 Lnk 文件,内嵌了一个 Powershell 脚本,用于后续的释放和攻击……

1572
来自专栏Vamei实验室

Python应用02 Python服务器进化

**注意,在Python 3.x中,BaseHTTPServer, SimpleHTTPServer, CGIHTTPServer整合到http.server包...

2136
来自专栏码匠的流水账

nginx lua api解读

标识response结束,ngx.eof()只是结束响应流的输出,中断HTTP连接,后面的代码逻辑还会继续在服务端执行

3291
来自专栏有趣的Python

7- vue django restful framework 打造生鲜超市 -商品类别数据展示(上)

Vue+Django REST framework实战 搭建一个前后端分离的生鲜超市网站 Django rtf 完成 商品列表页 并没有将列表页的数据j...

53812
来自专栏猿人谷

使用bash编写Linux shell脚本--复合命令

除了最简单的脚本,你很少想要执行每一个命令。执行一组命令或者重复执行一组命令若干次比执行单个命令更加有助。复合命令是将命令封装在一组其他命令中。 从可读性来说,...

29910
来自专栏王小雷

IPython、Notebook、qtconsole使用教程

IPython、Notebook、qtconsole使用教程 上一篇为Python,IPython,qtconsole,Notebook,Jupyter快速安...

3596
来自专栏林德熙的博客

Latex 论文elsevier,手把手如何用Latex写论文

这几天在开始写论文,准备发的是elsevier,这个网站的instruction有问题,下载的东西基本上好多的错误,所以我就写博客记录。

5961
来自专栏XAI

每一个程序员需要了解的10个Linux命令

以下就是今天我们要介绍的Linux命令:  man  touch, cat and less  sort and grep  cut  sed  tar  fi...

2076
来自专栏逸鹏说道

Virtual Box 工具栏(菜单栏)消失的解决方法

异常处理汇总-开发工具 http://www.cnblogs.com/dunitian/p/4522988.html 现在Virtual Box非常牛逼(不排...

3698
来自专栏*坤的Blog

公司web安全等级提升

公司的一个web数据展示系统,本来是内网的,而且是一个单独的主机,不存在远程控制的问题,所以之前并没有考虑一些安全相关的测试.但是国调安全检查的需要添加这样子的...

1384

扫码关注云+社区