如果在React.js中的回调中不能使用UseEffect()，我如何停止无限呈现循环？

import React, { useState, useEffect } from 'react';

const MyComponent = () => {
  const [isLooping, setIsLooping] = useState(true);

  const callback = () => {
    // 执行回调逻辑

    // 判断是否需要停止循环
    if (shouldStopLooping) {
      setIsLooping(false);
    }
  };

  useEffect(() => {
    // 模拟循环的执行
    const interval = setInterval(callback, 1000);

    // 在组件销毁时清除定时器
    return () => {
      clearInterval(interval);
    };
  }, []);

  // 组件渲染时根据状态变量决定是否执行下一次循环
  useEffect(() => {
    if (isLooping) {
      callback();
    }
  }, [isLooping]);

  // 组件的其他内容

  return <div>My Component</div>;
};

export default MyComponent;