react使用useeffect解決 一直呼叫 fetch

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

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

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