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