带有依赖数组的React原生动画useEffect钩子创建无限循环

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

function MyComponent() {
  const [count, setCount] = useState(0);
  
  // 动画效果的更新函数
  const updateAnimation = () => {
    // 更新状态变量
    setCount(count + 1);
  };
  
  // useEffect钩子
  useEffect(() => {
    // 在这里执行动画效果的相关操作
    // 每当count发生变化时，会触发动画的重新渲染
    
    // 清除动画效果的函数
    return () => {
      // 在组件卸载时执行清除操作
    };
  }, [count]); // 将count添加到依赖数组中

<button onClick={updateAnimation}>点击触发动画</button>