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 相关文章推荐
function, new function, new Function之间的区别
Mar 08 Javascript
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
Nov 11 Javascript
js判断页面中是否有指定控件的简单实例
Mar 04 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
Mar 08 Javascript
JavaScript前端开发之实现二进制读写操作
Nov 04 Javascript
jqGrid中文文档之选项设置
Dec 02 Javascript
浅析Javascript的自动分号插入(ASI)机制
Sep 29 Javascript
详解JS去重及字符串奇数位小写转大写
Dec 29 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
Jul 15 Javascript
js实现数字从零慢慢增加到指定数字示例
Nov 07 Javascript
js实现简单放大镜效果
Mar 07 Javascript
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
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动态创建Flash动画
2006/10/09 PHP
php中bind_param()函数用法分析
2017/03/28 PHP
php实现简易计算器
2020/08/28 PHP
初窥JQuery(二) 事件机制(1)
2010/11/25 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
javascript使用call调用微信API
2014/12/15 Javascript
jQuery实现查找链接文字替换属性的方法
2016/06/27 Javascript
javascript实现获取图片大小及图片等比缩放的方法
2016/11/24 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
详解Vue.js入门环境搭建
2017/03/17 Javascript
Angular2开发——组件规划篇
2017/03/28 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
JavaScript中使用Async实现异步控制
2017/08/15 Javascript
JS验证码实现代码
2017/09/14 Javascript
Node.js使用Express.Router的方法
2017/11/14 Javascript
jquery ztree实现右键收藏功能
2017/11/20 jQuery
微信小程序wepy框架笔记小结
2018/08/08 Javascript
js隐式转换的知识实例讲解
2018/09/28 Javascript
Javascript中绑定click事件的四种方式介绍
2018/10/26 Javascript
Python中二维列表如何获取子区域元素的组成
2017/01/19 Python
python中多个装饰器的执行顺序详解
2018/10/08 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
利用python生成照片墙的示例代码
2020/04/09 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
python中怎么表示空值
2020/06/19 Python
pytorch 限制GPU使用效率详解(计算效率)
2020/06/27 Python
如何转换一个字符串到enum值
2014/04/12 面试题
网上开商店的创业计划书
2014/01/19 职场文书
服装采购员岗位职责
2014/03/15 职场文书
合同和协议有什么区别?
2014/10/08 职场文书
2014年圣诞节寄语
2014/12/08 职场文书
继承公证书格式
2015/01/26 职场文书
车间主任岗位职责范本
2015/04/08 职场文书
装修公司工程部经理岗位职责
2015/04/09 职场文书
中标通知书格式
2015/04/17 职场文书
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL