父組件

　　class userC extends React.Component{

　　　　handleClick(v){

　　　　　　this.props.history.push(`/chat/${v.user}`)

　　　　},

　　　　render(){

　　　　　　return(

　　　　　　　　<Card onClick={v=>this.handleClick(v)}></Card>

　　　　　　)

　　　　}

　　}

路由這樣寫

import chat from '/chat';

...

　　<Route path='/chat/:user' component={chat} ></Route>

...

子組件這樣寫

　　

class chat extends React.Component{

　　　　render(){

　　　　　　return(

　　　　　　　　<h2>chat with user:{this.props.match.params.user}</h2>

　　　　　　)

　　　　}

　　}

　　

筆記，僅供參考

轉(zhuǎn)載于:https://www.cnblogs.com/wenbodeboke/p/10019207.html

總結(jié)

以上是生活随笔為你收集整理的react路由传参的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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