如何将this.props.history.push传值改写为一个长尾词的?
- 内容介绍
- 文章标签
- 相关推荐
本文共计215个文字,预计阅读时间需要1分钟。
React 路由设置中,除了标签外,还有一个 `this.props.history.push` 用于设置路由跳转和传值:
- 第一种方式:在父组件中,设置路由标签: About - 第二种方式:在父组件中,直接设置: jsx this.props.history.push
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
本文共计215个文字,预计阅读时间需要1分钟。
React 路由设置中,除了标签外,还有一个 `this.props.history.push` 用于设置路由跳转和传值:
- 第一种方式:在父组件中,设置路由标签: About - 第二种方式:在父组件中,直接设置: jsx this.props.history.push
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

