react路由传参
父组件
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>
)
}
}
笔记，仅供参考
版权声明：本文为wenbodeboke原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。