Lastor
coding 終於看到一篇清楚解釋了 React 在 useEffect 裡面打 API request 究竟會有甚麼問題,在約 14:00 的地方
All useEffect Mistakes Every Junior React Developer ...
Lastor
基本上就是在慢網速的情況下,進到頁面時 API 發出去,結果 user 等不及直接跳其他頁面
Lastor
由於 Promise 已經發出去了,這種 SPA 框架並沒有真的跳頁,都是同一個 js scope,就會發生前端跳頁之後,上一頁的 Response 才收到,依然執行了 fetch 的 callback
Lastor
影片後面還展示了個範例,如果有多個 API 都是更新同筆 state,例如 user 1 ~ 3
Lastor
也是在慢網速情況下,如果使用者急性子狂點,就會出現 request 競速問題
載入新的回覆