文章詳情頁(yè)
javascript - ajax at didMount or willMount
瀏覽：109日期：2023-02-11 13:08:44
問(wèn)題描述
看了一下斷點(diǎn)，順序是16-30-21-30.也就是willmount之后render，load這個(gè)異步方法在任務(wù)隊(duì)列中再執(zhí)行，setState，diff，然后render為啥都說(shuō)要在didmount里面ajax呢
問(wèn)題解答
回答1：無(wú)論是在willMounnt還是didMount觸發(fā)異步請(qǐng)求，都會(huì)render兩次。第一次是組件加載時(shí)，第二次是在異步請(qǐng)求返回setState時(shí)。
但是，邏輯應(yīng)該是在顯示組件，比如有加載狀態(tài)，然后去觸發(fā)請(qǐng)求。還有一個(gè)最重要的點(diǎn)，react fiber更新之后，他會(huì)多次觸發(fā)willMounnt，如此會(huì)引起bug。所以，異步請(qǐng)求一般放在didMount。
標(biāo)簽：
JavaScript
上一條：javascript - js機(jī)制問(wèn)題，是否都是等主線程執(zhí)行完畢再執(zhí)行異步，如果主線程有好幾萬(wàn)行，或者上下文相關(guān)呢下一條：javascript - framework7 調(diào)攝像頭和相冊(cè)
相關(guān)文章：
1. Python從URL中提取域名2. 實(shí)現(xiàn)bing搜索工具urlAPI提交3. node.js - windows10下的npm全局路徑的復(fù)原或者將npm徹底刪除？4. python執(zhí)行cmd命令，怎么讓他執(zhí)行類似Ctrl+C效果將其結(jié)束命令？5. python - scrapy url去重6. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)7. mysql在限制條件下篩選某列數(shù)據(jù)相同的值8. 關(guān)于mysql聯(lián)合查詢一對(duì)多的顯示結(jié)果問(wèn)題9. 數(shù)據(jù)庫(kù) - Mysql的存儲(chǔ)過(guò)程真的是個(gè)坑！求助下面的存儲(chǔ)過(guò)程哪里錯(cuò)啦，實(shí)在是找不到哪里的問(wèn)題了。10. python - Django有哪些成功項(xiàng)目？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備