如何阻止useEffect无限地重新渲染我的组件？

useEffect(() => {
  // 执行副作用操作
}, [dependency1, dependency2]);

useEffect(() => {
  if (condition) {
    // 执行副作用操作
  }
}, [dependency]);

const memoizedCallback = useCallback(() => {
  // 执行副作用操作
}, [dependency]);

const memoizedValue = useMemo(() => {
  // 计算结果
  return result;
}, [dependency]);

const ref = useRef(initialValue);

useEffect(() => {
  // 使用ref.current进行操作
}, [ref.current]);