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

相关文章

来自专栏更流畅、简洁的软件开发方式

可以通过基类实现的几种功能。vs2008 .net 2.0

    我很懒,很不喜欢写重复的代码,一行重复的都不想写,所以当同一段代码要写第二遍的时候,我就会去想避免的方法。OO的特性之一 —— 继承 —— 可以帮很大...

2059
来自专栏码神联盟

碎片化 | 第四阶段-29-Struts2入门示例1-视频

如清晰度低,可转PC网页观看高清版本: http://v.qq.com/x/page/u0565acptbm.html 入门示例 1.hello Stru...

3338
来自专栏Java帮帮-微信公众号-技术文章全总结

ajax跨域问题-web开发必会

ajax跨域问题 跨域 同源策略限制 同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说,受到请求的 URL 的域必须与当前 Web 页面...

3416
来自专栏更流畅、简洁的软件开发方式

ajax的再次封装!

js的动态加载、缓存、更新以及复用 系列有点卡文,放心会继续的。先来点更基础的,为js的加载做点铺垫。   jQuery的ajax本来就很方便了,为啥还要在进一...

1888
来自专栏令仔很忙

工厂模式的Assembly.Load(path).CreateInstance(className)出错解决方法

  下面咱们先了解Assembly.Load(path).CreateInstance(className)

602
来自专栏码神联盟

碎片化 | 第四阶段-30-Struts2入门示例流程梳理-视频

如清晰度低,可转PC网页观看高清版本: http://v.qq.com/x/page/h056559mlsg.html 入门示例 1.hello Stru...

3319
来自专栏咸鱼不闲

web项目中视频的上传和展示

以上步骤视频就通过程序保存到电脑的指定位置了,一般我会新建一个视频类,先用uuid给视频重命名,视频类的路径是视频的名字,取的时候使用视频的名字去请求。

1052
来自专栏葡萄城控件技术团队

ASP.NET MVC 5 -从控制器访问数据模型

在本节中,您将创建一个新的MoviesController类,并在这个Controller类里编写代码来取得电影数据,并使用视图模板将数据展示在浏览器里。 在开...

2095
来自专栏技术博客

ExtJs六(ExtJs Mvc首页展示)

要区分登录前和登录后,判断Request的IsAuthenticated方法就可以。因为要通过服务器段代码执行不同的脚本,因而要将Loder这些公共代码抽出来独...

1013
来自专栏我爱编程

Day25Web开发

HTTP协议简介 在Web应用中,服务器把网页传给浏览器,实际上就是把网页的HTML代码发送给浏览器,让浏览器显示出来。而浏览器和服务器之间的传输协议是HTTP...

3346

扫码关注云+社区