码迷,mamicode.com
首页 > 其他好文 > 详细

react 点击按钮返回上一级路由

时间:2018-11-27 22:11:11      阅读:2988      评论:0      收藏:0      [点我收藏+]

标签:按钮   分享   事件   一点   src   bubuko   image   alt   ontouch   

在这我是以一个点击图标返回为例的

1. 在要点击的按钮或者图片上添加事件

<img src="images/back.png" onTouchStart={this.backClick}/>
 
2. 事件编写
 // 点击按钮返回上一个路由
   backClick(){
         this.props.history.go(-1)
    }
注意:    这里的this.props必须拿到,否则点击报错
    this.props如果没有需要从父组件传递,在当前组件接收
    最重要的一点是this的指向,需要bind(this)一下
    技术分享图片

这样子就好了啊   ^_^

react 点击按钮返回上一级路由

标签:按钮   分享   事件   一点   src   bubuko   image   alt   ontouch   

原文地址:https://www.cnblogs.com/BLOGZR/p/10029119.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!