加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

react-router的 <Link/>中的属性

发布时间:2020-12-15 07:38:50 所属栏目:百科 来源:网络整理
导读:使用Link标签 // 字符串定位描述符 String location descriptor. Link to = "/hello" Hello / Link // 对象定位描述符 Object location descriptor. Link to = {{ pathname: '/ hello ', query: { name: ' ryan ' } }} Hello / Link // 函数返回定位描述符Fu

使用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属性;

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读