使用Ant Design Anchor組件的一個坑及解決
更新時間：2024年04月28日 09:42:39 作者：問白
這篇文章主要介紹了使用Ant Design Anchor組件的一個坑及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
現(xiàn)象
在使用Ant Design@4.21.3版本中Anchor組件時，遇到一個問題。
點擊左側(cè)菜單錨點時，頁面總報錯沒有找到對應(yīng)的路由。
現(xiàn)象如下
所示：
因為使用的是hash路由，所以在頁面使用這Anchor組件時，就會自動的去react-router這個組件中去尋找對應(yīng)的路由，而不是去頁面找對應(yīng)的錨點，所以就會報找不到的錯誤。
代碼中路由配置
如下：
解決
將hash路由換成history路由即可解決
最終修復(fù)完之后效果就正常了。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
React中實現(xiàn)類似Vue watch的useWatch Hook,包含基礎(chǔ)監(jiān)聽、立即執(zhí)行、動態(tài)停止及深度比較四種方式,適用于不同場景,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-07-07
這篇文章主要介紹了React中父組件如何獲取子組件的值或方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
本篇文章主要介紹了react中使用swiper的具體方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
這篇文章主要介紹了React+Router多級導(dǎo)航切換路由方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
react?app?rewrited替代品craco使用示例
這篇文章主要為大家介紹了react?app?rewrited替代品craco使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
函數(shù)式組件的基本意義就是,組件實際上是一個函數(shù),不是類,下面這篇文章主要給大家介紹了關(guān)于React中函數(shù)組件的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
本篇文章主要介紹了React組件生命周期，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2021-10-10
React是用于構(gòu)建用戶界面的JavaScript庫， 起源于Facebook的內(nèi)部項目，這篇文章主要介紹了react如何快速設(shè)置文件路徑別名,需要的朋友可以參考下2021-04-04
這篇文章主要為大家詳細(xì)介紹了React拖拽調(diào)整大小的組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
React Native第三方平臺分享的實例（Android，IOS雙平臺）
本篇文章主要介紹了React Native第三方平臺分享的實例（Android，IOS雙平臺），具有一定的參考價值，有興趣的可以了解一下2017-08-08