亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

多動態路由 (react-router-dom)

多動態路由 (react-router-dom)

MMTTMM 2023-02-17 17:31:42
我有兩條不同的動態路線,為什么第二條動態路線不起作用(它的返回 Activities 組件應該是 Hotspots )在此先感謝 <Switch>        <Route exact path ='/' component={Home} />        <Route path={`/:City/:CatName`} component={Activities} />        <Route  path={`/:City/Hotspots`} component={Hotspots} />      </Switch>這是鏈接<li>                    <span><Link to={`/${Order.City.replace(' ', '-')}/Hotspots`}>Hotspots</Link></span>                </li>                <li>                    <span><Link to={`/${Order.City.replace(' ', '-')}/Activities`}>Activities</Link></span>                </li>
查看完整描述

1 回答

?
幕布斯7119047

TA貢獻1794條經驗 獲得超8個贊

那是因為 urlCity/Hotspots進入了Activities路由。

當您設置 Activities 路由時,:CatName它表示 URL 的這一部分是占位符,因此當您的 URL 類似于/:City/Hotspots它時,熱點是作為占位符的:CatName。

要修復它,只需更改路線的順序,將Hotspots路線留在第一位,例如:

<Route path={`/:City/Hotspots`} component={Hotspots} />
<Route path={`/:City/:CatName`} component={Activities} />

所以,現在當你輸入 時/:City/Hotspots,react-router-dom 找到的第一條路線將是正確的路線,而任何其他路線/:City/將轉到Activitiesroute。


查看完整回答
反對 回復 2023-02-17
  • 1 回答
  • 0 關注
  • 145 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號