react使用useeffect解決 一直呼叫 fetch

暖暖De幸福發表於2024-10-24

如果你在元件的render方法或函式元件的體內直接呼叫fetch,那麼每次元件渲染時都會執行fetch。這是不推薦的做法,因為React元件應該只負責UI的展示,而不應該直接處理資料獲取邏輯。

確保你的fetch呼叫位於useEffect中,並且依賴項陣列正確反映了你的依賴。如果fetch依賴於某些props或state,確保它們被正確地新增到依賴陣列中。如果fetch只在元件掛載時呼叫一次,可以使用空陣列[]作為依賴。

  useEffect(() => {
    getData();
  }, []); //

相關文章