陣營併發API調用

所以，我當前的代碼看起來是這樣的：陣營併發API調用

組件：

requestDescriptions(params, bothGender) { 
    if (bothGender) { 
     // men request 
     params.gender = 'men'; 
     this.props.getDescriptions(params); 
     // women request 
     params.gender = 'women'; 
     this.props.getDescriptions(params); 
    } else { 
     this.props.getDescriptions(params); 
    } 
}

和我的行動看起來像這樣：

export function getDescriptions(params = { brand: null, category: null, gender: null }) { 
return (dispatch) => { 
    dispatch(requestDescription()); 
    return request 
     .get(`${getApiUrl()}plp?${QueryString.stringify(params)}`) 
     .end((err, res) => { 
      if (err && res.statusCode !== 404) { 
       ... 
      } 
      if (res.statusCode === 404) { 
       // HERE: 
       console.log(params.gender); 
       return dispatch(receiveEmptyDescription(params)); 
      } 
      return dispatch(receiveDescription(res.body)); 
     }); 
};

}

所以直到現在，我還沒有注意到這個錯誤，但是當我開始測試兩個api調用返回一個40的情況時，就做了這個4.

錯誤的是，併發調用到同一端點覆蓋我的參數。當api返回200時，我看不到問題。但現在當我測試返回一個404我可以清楚地看到問題。

問題即時得到就出在這裏：

this.props.getDescriptions(params); 
params.gender = 'women';

如果我檢查控制檯日誌我的動作（//這裏）內，在這兩種情況下params.gender顯示「婦女」即使周圍的第一次的應該是'男'

我想這可以使用承諾修復？

讓我知道如果我不夠清楚。

來源

2017-05-09 Pablo Rincon

這個問題並不是你正在進行並行請求，或者你正在獲取HTTP2XX或HTTP4XX。

你總是看到gender等於'women'的原因是，您使用的同一個對象實例兩個要求，即params。

正在發生的事情是，你設置params.gender爲'men'，第一個請求的火，設置params.gender爲'women'，第二個請求的火災。

上述所有步驟都是在任何請求完成之前同步發生的。

這意味着在任何請求完成之前很久，params.gender已經等於'women'。

只需向每個動作發送一個不同的對象。

requestDescriptions(params, bothGender) { 
    if (bothGender) { 
     // men request 
     this.props.getDescriptions({ ...params, gender: 'men' }); 

     // women request 
     this.props.getDescriptions({ ...params, gender: 'women' }); 
    } else { 
     this.props.getDescriptions(params); 
    } 
}

既然你已經使用終極版，你應該知道，突變baaaad

來源

2017-05-09 15:35:47 nem035

陣營併發API調用

回答

相關問題