使用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属性;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。