关于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 条评论
登录 后参与评论

相关文章

来自专栏码匠的流水账

nginx lua api解读

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

2091
来自专栏Linux驱动

35.Linux-分析并制作环形缓冲区

在上章34.Linux-printk分析、使用printk调试驱动里讲述了:  printk()会将打印信息存在内核的环形缓冲区log_buf[]里, 可以通...

2248
来自专栏猿人谷

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

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

29110
来自专栏开发与安全

80386的分段机制、分页机制和物理地址的形成

注:本分类下文章大多整理自《深入分析linux内核源代码》一书,另有参考其他一些资料如《linux内核完全剖析》、《linux c 编程一站式学习》等,只是为了...

2395
来自专栏码农阿宇

ASP.Net Core的Code Fist代码先行操作方法

Asp.Net  core的Code Fist(代码先行)主要有以下几步: 1.创建实体类 2.创建数据库上下文 3.填加连接字符串 4.依赖注入 5.添加基架...

36017
来自专栏芋道源码1024

分布式作业 Elastic-Job-Lite 源码分析 —— 主节点选举

无中心化,意味着 Elastic-Job-Lite 不存在一个中心执行一些操作,例如:分配作业分片项。Elastic-Job-Lite 选举主节点,通过主节点进...

902
来自专栏王小雷

IPython、Notebook、qtconsole使用教程

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

3106
来自专栏程序小工

【实战】Tp5+小程序(二)--接口编写

ThinkPHP5 从入门到深入学习,结合实战项目深入理解 ThinkPHP5 的特性和使用方法。编写完成简单的基于 RESTFul 接口,实现相应功能,掌握控...

7842
来自专栏逸鹏说道

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

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

3618
来自专栏Vamei实验室

Python应用02 Python服务器进化

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

2026

扫码关注云+社区