这篇文章主要为大家展示了“react-router中<Link/>属性的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“react-router中<Link/>属性的示例分析”这篇文章吧。
使用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/>中，样式是
onClick(e)
自定义单击事件处理程序。
e.preventDefault() ：阻止默认事件
e.stopPropagation() ：阻止事件冒泡
onlyActiveOnIndex
如果onlyActiveOnIndex的值是true,中的路径完全匹配时才会连接指定路由
其它
也可以在上定义 title、id、className属性；
以上是“react-router中<Link/>属性的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
