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 相关文章推荐
使用prototype.js 的时候应该特别注意的几个问题.
Apr 12 Javascript
javascript 关闭IE6、IE7
Jun 01 Javascript
基于jquery的inputlimiter 实现字数限制功能
May 30 Javascript
js字符串的各种格式的转换 ToString,Format
Aug 08 Javascript
让alert不出现弹窗的两种方法
May 18 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
js HTML5手机刮刮乐代码
Sep 29 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
JavaScript之map reduce_动力节点Java学院整理
Jun 29 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
Nov 04 Javascript
jQuery AJAX应用实例总结
May 19 jQuery
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打开远程文件的方法和风险及解决方法
2013/11/12 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
jQuery学习笔记之总体架构
2014/06/03 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
jquery实现select下拉框美化特效代码分享
2015/08/18 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
2016/05/12 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
JavaScript实现分页效果
2017/03/28 Javascript
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
2017/07/04 Javascript
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
微信小程序视图控件与bindtap之间的问题的解决
2019/04/08 Javascript
javascript跳转与返回和刷新页面的实例代码
2019/11/20 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
2020/04/13 Javascript
javascript+css实现俄罗斯方块小游戏
2020/06/28 Javascript
复习Python中的字符串知识点
2015/04/14 Python
Python 多线程实例详解
2017/03/25 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
Python Json模块中dumps、loads、dump、load函数介绍
2018/05/15 Python
Python 图像处理: 生成二维高斯分布蒙版的实例
2019/07/04 Python
Python用字典构建多级菜单功能
2019/07/11 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
python与c语言的语法有哪些不一样的
2020/09/13 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
计算s=f(f(-1.4))的值
2014/05/06 面试题
爱情保证书范文
2014/02/01 职场文书
《黄河颂》教学反思
2014/02/07 职场文书
鸿星尔克广告词
2014/03/21 职场文书
《泉水》教学反思
2014/04/11 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
财务统计员岗位职责
2015/04/14 职场文书
Python基于百度AI实现抓取表情包
2021/06/27 Python
关于MybatisPlus配置双数据库驱动连接数据库问题
2022/01/22 Java/Android
Oracle中日期的使用方法实例
2022/07/07 Oracle