react 请求一一对应,状态维护繁琐

新手上路,请多包涵

react 同一个组件中对应两个异步请求,结果提示状态维护繁琐

下面是我的代码

componentWillReceiveProps(nextProps){
    const {result1, result2} = nextProps;
    if(result1 === 'success'){
        console.log(1)
    }
    if(result2 === 'success'){
        console.log(2)
    }
}

当请求2成功后 请求1的状态依旧是 success 他们将会全部执行 其实我只是需要他们每个都执行一次就好。我自己的解决方案 是通过props 值与现在的值做对比,但是有点繁琐结果如下:

componentWillReceiveProps(nextProps){
    const {result1, result2} = nextProps;
    const {result1: originalValue1, result2: originalValue2} = this.props;
    if(result1 === 'success' && result1 !== originalValue1 ){
        console.log(1)
    }
    if(result2 === 'success' && result2 !== originalValue2){
        console.log(2)
    }
}

###还有一种就是完事后reset结果值,但是会重新render。希望各位能给出更好的建议,thank you!

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