react-router中的属性详解


Posted in Javascript onJune 01, 2017

本文主要给大家介绍了关于react-router中 的属性的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:

使用Link标签

// 字符串定位描述符 String location descriptor.
<Link to="/hello">
 Hello
</Link>

// 对象定位描述符 Object location descriptor.
<Link to={{ pathname: '/hello', query: { name: 'ryan' } }}>
 Hello
</Link>

// 函数返回定位描述符Function returning location descriptor.
<Link to={location => ({ ...location, query: { name: 'ryan' } })}>
 Hello
</Link>

属性描述

activeClassName

当被点击时,的className接受一个它的值(activeClassName),默认情况下它是不激活;

activeStyle

当被点击时,activeStyle中的值会添加到转换后的<a/>中,样式是style="color:red;"

onClick(e)

自定义单击事件处理程序。

  • e.preventDefault() :阻止默认事件
  • e.stopPropagation() :阻止事件冒泡

onlyActiveOnIndex

如果onlyActiveOnIndex的值是true,中的路径完全匹配时才会连接指定路由

其它

也可以在上定义 title、id、className属性;

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
jquery.lazyload  实现图片延迟加载jquery插件
Feb 06 Javascript
Javascript 静态页面实现随机显示广告的办法
Nov 17 Javascript
解决jquery版本冲突的有效方法
Sep 02 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
Oct 11 Javascript
js Calender控件使用详解
Jan 05 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 Javascript
详解Javascript几种跨域方式总结
Feb 27 Javascript
vue-cli 如何打包上线的方法示例
May 08 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
May 22 Javascript
手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解
Jun 18 Javascript
javascript 数据存储的常用函数总结
Jun 01 #Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
Jun 01 #Javascript
详解基于webpack搭建react运行环境
Jun 01 #Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 #jQuery
Javascript实现一个简单的输入关键字添加标签效果实例
Jun 01 #Javascript
node.js中fs.stat与fs.fstat的区别详解
Jun 01 #Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
Jun 01 #Javascript
You might like
PHP限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
thinkPHP框架RBAC实现原理分析
2019/02/01 PHP
jquery ajax 登录验证实现代码
2009/09/23 Javascript
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
jquery中的 $(&quot;#jb51&quot;)与document.getElementById(&quot;jb51&quot;) 的区别
2011/07/26 Javascript
利用js读取动态网站从服务器端返回的数据
2014/02/10 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
js+css实现导航效果实例
2015/02/10 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
JS文字球状放大效果代码分享
2015/08/19 Javascript
三种AngularJS中获取数据源的方式
2016/02/02 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
Node.js 日志处理模块log4js
2016/08/28 Javascript
webpack入门必知必会
2017/01/16 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
2017/09/10 Javascript
原生JS实现小小的音乐播放器
2017/10/16 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
微信小程序获取音频时长与实时获取播放进度问题
2018/08/28 Javascript
javascript定时器的简单应用示例【控制方块移动】
2019/06/17 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
python获取文件后缀名及批量更新目录下文件后缀名的方法
2014/11/11 Python
python读取word文档的方法
2015/05/09 Python
Python中处理字符串的相关的len()方法的使用简介
2015/05/19 Python
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
深入浅析ImageMagick命令执行漏洞
2016/10/11 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
Scrapy项目实战之爬取某社区用户详情
2020/09/17 Python
pycharm最新激活码有效期至2100年(亲测可用)
2021/02/05 Python
BookOutlet加拿大:在网上书店购买廉价折扣图书和小说
2018/10/05 全球购物
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
请假条怎么写
2014/04/10 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
大学生心理活动总结
2014/07/04 职场文书
初中班主任教育随笔
2015/08/15 职场文书
毕业生就业推荐表自我鉴定
2019/06/20 职场文书
七年级作文(600字3篇)
2019/09/24 职场文书