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!