react.js - react路由问题

问题描述

问 题

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

箭头指的就是form表单，刚加载是效果图如下：

点击编辑是如下：

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

老哥们我该如何解决之啊！！

解决方案

componentWillReceiveProps(nextProps) {
    if(this.props.success !== nextProps.success) {
        if(nextProps.success) {
            //成功
        }
    }
}

这篇关于react.js - react路由问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！