在本機 useEffect 中停止無限循環

Question

我通過setInterval調用一個 function 但 function go 無限循環，我的應用程序卡住了。 它發生在 android，有人可以幫我解決這個問題。

謝謝

  useEffect(() => {
    const interval = setInterval(() => {
      sendCoordinate(location);
    }, 180000);

    return () => clearInterval(interval);
  }, [location]);

我正在呼叫的 function

const sendCoordinate = async (locParms) => {
    console.log("@2 it working3", checkDayStatus, location);
    if (checkDayStatus === "Started") {
      let data = {
        lat:
          locParms !== null
            ? locParms && locParms.lat
            : location && location.lat,
        lng:
          locParms !== null
            ? locParms && locParms.lng
            : location && location.lng,
        dispatcher_id: 1,
        truck_id: 1,
      };

      return await LocationAPI.sendLocationFeed(data);
    }
  };

Answer 1

原來你的timer每次都是創建的，把useEffect arguments留空就行了，[location] -> []

Answer 2

useEffect(() => {
  const interval = setInterval(() => {
    sendCoordinate(location);
  }, 180000);

  return () => clearInterval(interval);
}, [location.lng, location.lat]);

所以你需要像這樣從依賴數組中更改位置。