向路由組件傳遞參數

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。