向路由組件傳遞參數(shù)

1.params參數(shù)路由鏈接(攜帶參數(shù))：<Link to='/demo/test/tom/18'}>詳情</Link>注冊(cè)路由(聲明接收)：<Route path="/demo/test/:name/:age" component={Test}/>接收參數(shù)：this.props.match.params2.search參數(shù)路由鏈接(攜帶參數(shù))：<Link to='/demo/test?name=tom&age=18'}>詳情</Link>注冊(cè)路由(無(wú)需聲明，正常注冊(cè)即可)：<Route path="/demo/test" component={Test}/>接收參數(shù)：this.props.location.search備注：獲取到的search是urlencoded編碼字符串，需要借助querystring解析3.state參數(shù)路由鏈接(攜帶參數(shù))：<Link to={{pathname:'/demo/test',state:{name:'tom',age:18}}}>詳情</Link>注冊(cè)路由(無(wú)需聲明，正常注冊(cè)即可)：<Route path="/demo/test" component={Test}/>接收參數(shù)：this.props.location.state備注：刷新也可以保留住參數(shù) 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的React路由组件传递参数的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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