react的Link標簽

屬性描述

activeClassName

當被點擊時，的className接受一個它的值（activeClassName），默認情況下它是不激活；

activeStyle

當被點擊時，activeStyle中的值會添加到轉換后的<a/>中，樣式是style="color:red;"

onClick(e)

自定義單擊事件處理程序。

• e.preventDefault()：阻止默認事件
• e.stopPropagation()：阻止事件冒泡

onlyActiveOnIndex

如果onlyActiveOnIndex的值是true,中的路徑完全匹配時才會連接指定路由

 

例子：

<Link className="rg-form__title rg-form__title--half" 

activeStyle={{color: '#44bbd0', borderBottom: "10px solid #cfd0d0" }}

to="/reg/sign-in"> ....<Link/>

{{}}中間是json格式，不是css語法格式,border-bottom應該寫成borderBottom;類似的還有maxWidth;

使用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>