[react-router] React-Router怎么獲取URL的參數(shù)？

• 通過params
  • 類組件：在保證props能獲取到路由信息的前提下（如果不是直接嵌套在<Route/>下，需要使用withRouter的HOC），通過this.props.match.params獲取
  • 函數(shù)式組件：const params = useParams();
• 通過search,demo如下：

// query傳參 this.props.history.push({pathname: 'list',search: qs.stringify({a: 123,}), }) // 取值 import qs from 'qs'; // 類組件中取值 const paramStr = this.props.location.search.slice(1); qs.parse(paramStr); // {a: '123'} // 在函數(shù)式組件中取值 const location = useLocation(); const paramStr = location.search.slice(1); qs.parse(paramStr); // {a: '123'}

個(gè)人簡介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的[react-router] React-Router怎么获取URL的参数？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。