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 相关文章推荐
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
Mar 27 Javascript
JS 图片缩放效果代码
Jun 09 Javascript
jquery控制listbox中项的移动并排序的实现代码
Sep 28 Javascript
jQuery实现用方向键控制层的上下左右移动
Jan 13 Javascript
AngualrJS中的Directive制作一个菜单
Jan 26 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
浅谈js中的引用和复制(传值和传址)
Sep 18 Javascript
JavaScript实现公历转农历功能示例
Feb 13 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
Aug 22 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
Sep 14 Javascript
bootstrap tooltips在 angularJS中的使用方法
Apr 10 Javascript
JavaScript 实现继承的几种方式
Feb 19 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
拼音码表的生成
2006/10/09 PHP
PHP脚本的10个技巧(6)
2006/10/09 PHP
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
php5.3不能连接mssql数据库的解决方法
2014/12/27 PHP
详解WordPress开发中过滤属性以及Sql语句的函数使用
2015/12/25 PHP
PHP基于DateTime类解决Unix时间戳与日期互转问题【针对1970年前及2038年后时间戳】
2018/06/13 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
php链式操作的实现方式分析
2019/08/12 PHP
PHP http请求超时问题解决方案
2020/11/13 PHP
ExtJS GridPanel 根据条件改变字体颜色
2010/03/08 Javascript
jQueryUI如何自定义组件实现代码
2010/11/14 Javascript
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
JsRender for object语法简介
2014/10/31 Javascript
js实现带农历和八字等信息的日历特效
2016/05/16 Javascript
javascript的replace方法结合正则使用实例总结
2016/06/16 Javascript
jQuery输入框密码的显示隐藏【代码分享】
2017/04/29 jQuery
微信小程序 侧滑删除(左滑删除)
2017/05/23 Javascript
微信小程序实现单选功能
2018/10/30 Javascript
webpack开发环境和生产环境的深入理解
2018/11/08 Javascript
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
Numpy数组的保存与读取方法
2018/04/04 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
Python中的函数式编程:不可变的数据结构
2018/10/08 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
Tensorflow 实现将图像与标签数据转化为tfRecord文件
2020/02/17 Python
Revolution Beauty美国官网:英国知名化妆品网站
2018/07/23 全球购物
大学生志愿者感言
2014/01/15 职场文书
建筑公司员工自我鉴定
2014/04/08 职场文书
工作建议书范文
2014/05/13 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
2014年党员个人剖析材料
2014/10/08 职场文书
入党团支部推荐意见
2015/06/02 职场文书
安全教育的主题班会
2015/08/13 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
导游词之苏州盘门景区
2019/11/12 职场文书