react路由问题

我有个基本信息页面有两个jsx文件组成,其中一个只是form表单,结构是下面这样的:

clipboard.png
箭头指的就是form表单,刚加载是效果图如下:

clipboard.png

点击编辑是如下:

clipboard.png

点击保存时from表单的jsx文夹会把数据给另一个jsx文夹,在这个文件夹下会把数据提交给后台,成功后会返回瞎改成功的数据,在componentWillReceiveProps方法中提示修改成功,这时我再点击编辑,之后点击Cancel,Cancel会this.props..router.push('/DeveloperBasicInfo');push的路由是自己的路由,但是还会触发
componentWillReceiveProps方法,收到的数据是和点击Svae的数据是一样的,所以就出现了下面这样的bug:
clipboard.png
老哥们我该如何解决之啊!!

阅读 2.2k
2 个回答
componentWillReceiveProps(nextProps) {
    if(this.props.success !== nextProps.success) {
        if(nextProps.success) {
            //成功
        }
    }
}

判断this.props里面请求过来的数据是否和componentWillReceiveProps里面接收的数据相等

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题