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

来源：互联网发布：ubuntu无法显示中文编辑：程序博客网时间：2024/06/03 17:46

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

1 0