我正在尝试使用钩子在React中重新启动GIF动画

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

const AnimatedGif = () => {
  const [play, setPlay] = useState(false);

  useEffect(() => {
    // 在play状态变为true时重新加载GIF动画
    if (play) {
      // 重新加载GIF动画的逻辑
    }
  }, [play]);

  const togglePlay = () => {
    setPlay(!play);
  };

  return (
    <div>
      <img src="path/to/animated.gif" alt="Animated GIF" />
      <button onClick={togglePlay}>{play ? '暂停' : '播放'}</button>
    </div>
  );
};

export default AnimatedGif;