?? 方法 1:使用 useParams 獲取動(dòng)態(tài)路由參數(shù)
如果你的路由是動(dòng)態(tài)路徑參數(shù)(即 :id 這種形式),可以用 useParams 來(lái)獲取。
?? 示例
?? 路由配置
如果訪問(wèn) /user/123,則 useParams() 返回:
?? 方法 2:使用 useLocation 獲取查詢(xún)參數(shù)
如果 URL 形如 /search?query=react,可以用 useLocation 來(lái)解析查詢(xún)參數(shù)。
?? 示例
?? 訪問(wèn)的 URL
?? 獲取的結(jié)果
?? 總結(jié)
| 方法 | 適用場(chǎng)景 | 示例 |
useParams() |
獲取 :id 這種動(dòng)態(tài)路由參數(shù) |
/user/:userId |
useLocation() + URLSearchParams |
獲取查詢(xún)參數(shù) ?key=value |
/search?query=react |
你是想解析哪種類(lèi)型的參數(shù)???