React-頁面路由參數傳遞的兩種方法


list頁->detail頁

方法一:路由參數

路由導航:

用“/”

<Link to={'/detail/'+item.get('id')} key={index}>

路由map:

加"/:id"

<Route exact path="/detail/:id" component={Detail} />

detail頁獲取參數:

准確的獲取到id,不需要做處理

this.props.match.params.id

方法二:查詢參數

路由導航:

用“?”

<Link to={'/detail?'+item.get('id')} key={index}>

路由map:

不加"/:id"

<Route exact path="/detail" component={Detail} />

detail頁獲取參數:

不能准確的獲取到id,需要做處理

this.props.location.search

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM