react中發(fā)請求一般放在生命周期的componentDidMount事件中，但我現(xiàn)在有個需求是要發(fā)兩個請求，第二個請求的參數(shù)是第一個請求的結(jié)果。比如第一個請求的結(jié)果：state.res1 我如果把請求都直接放在componentDidMount中，第二個請求一開始是獲取不到參數(shù)的。我現(xiàn)在的做法是第一個請求除了更新state.res1，還會更新一個boolean:state.res1IsCompleted 標識，再把第二個請求放在componentDidUpdate中，然后根據(jù)res1IsCompleted這個標識判斷要不要發(fā)起第二個請求。但總覺得有點怪，如果我的請求依賴過多的話（因為現(xiàn)在在做工作流相關(guān)頁面，設(shè)計的請求會很多）,會有一堆的標識狀態(tài)放在state中。
1 回答
米琪卡哇伊
TA貢獻1998條經(jīng)驗 獲得超6個贊
js 是異步的，肯定拿不到。
給你推薦兩個方法。
從你的描述中沒有看到redux之類的東西，所以我假設(shè)你只有react，調(diào)用接口使用的是fetch.
回調(diào)
componentDidMount() {
fetch(url).then(data => data.json()).then(res= {
fetch(url2, {body: {res}});
})
}Promise
componentDidMount() { const data1 = new Promise(resolve => {
fetch(url).then(res => res.json()).then(data => resolve(data));
});
data1.then(data => {
fetch(url2, {body: {data}});
})
}還有ES8提供的 async await .
添加回答
舉報
0/150
提交
取消