this.props.history.push传值

创创精灵 lv.1

发布时间：2022-10-31 14:01:31 386

相关标签：

react路由设置中，除了标签以外，还有一个this.props.history.push，设置落雨跳转和传值：

第一种方式：在父组件中，设置路由标签：

<Link to="/about/:id">About</Link>

第二种方式：在父组件中，设置点击事件：

<div onClick={this.click.bind(this)}>About</div>
 
//js
click(){
    this.props.history.push({ pathname: "/about", state: { id } });
}

子组件中获取参数

this.props.location.state.id

文章来源： https://blog.51cto.com/u_12344418/5802039

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。