react-router中<Link/>的屬性詳解
更新時(shí)間：2017年06月01日 11:27:58 作者：itpinpai
這篇文章主要給大家介紹了關(guān)于react-router中<Link/>屬性的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
本文主要給大家介紹了關(guān)于react-router中 的屬性的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面來一起看看詳細(xì)的介紹：
使用Link標(biāo)簽
// 字符串定位描述符 String location descriptor.
<Link to="/hello">
Hello
</Link>
// 對(duì)象定位描述符 Object location descriptor.
<Link to={{ pathname: '/hello', query: { name: 'ryan' } }}>
Hello
</Link>
// 函數(shù)返回定位描述符Function returning location descriptor.
<Link to={location => ({ ...location, query: { name: 'ryan' } })}>
Hello
</Link>
屬性描述
activeClassName
當(dāng)被點(diǎn)擊時(shí)，的className接受一個(gè)它的值（activeClassName），默認(rèn)情況下它是不激活；
activeStyle
當(dāng)被點(diǎn)擊時(shí)，activeStyle中的值會(huì)添加到轉(zhuǎn)換后的<a/>中，樣式是style="color:red;"
onClick(e)
自定義單擊事件處理程序。
e.preventDefault()：阻止默認(rèn)事件e.stopPropagation()：阻止事件冒泡
onlyActiveOnIndex
如果onlyActiveOnIndex的值是true,中的路徑完全匹配時(shí)才會(huì)連接指定路由
其它
也可以在上定義 title、id、className屬性；
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
本篇文章主要介紹了在React 組件中使用Echarts的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要為大家詳細(xì)介紹了React實(shí)現(xiàn)全選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
React根據(jù)當(dāng)前頁面路由進(jìn)行自動(dòng)高亮示例代碼
要根據(jù)當(dāng)前頁面路由自動(dòng)高亮頂部菜單項(xiàng),可以使用 React Router 的 useLocation 鉤子來獲取當(dāng)前路徑,并根據(jù)路徑動(dòng)態(tài)設(shè)置菜單項(xiàng)的高亮效果,本文給大家介紹了一個(gè)完整的示例,展示如何根據(jù)當(dāng)前頁面路由自動(dòng)高亮頂部菜單項(xiàng),需要的朋友可以參考下2024-07-07
這篇文章主要為大家介紹了react組件中過渡動(dòng)畫的問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要介紹了React事件處理的機(jī)制及原理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
本文主要介紹了React自定義Hook-useForkRef的具體使用，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了react字符串匹配關(guān)鍵字高亮問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要介紹了React中設(shè)置樣式style方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
關(guān)于react ant 組件 Select下拉框 值回顯的問題
這篇文章主要介紹了關(guān)于react ant 組件 Select下拉框 值回顯的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要給大家分享React中的useEffect四種用法，useEffect中 觸發(fā)更新，重復(fù)的 useEffect，依賴值觸發(fā)回調(diào)，useEffect 的返回值，通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07