javascript - 当 prop 设置为 true 时继续运行功能？

Question

在这里，我有一个 handleOnPlay 函数，它在我将播放设置为 true 的地方运行。

然后运行 ​​renderSeekPos 函数，更新搜索值。如果playing 设置为true，那么这应该运行requestanimationframe，以便该函数继续运行以更新音频播放器的搜索位置。

我遇到的问题是运行 renderSeekPosition 时 - 播放始终设置为 false。

本质上，每当播放为真时，我都需要使用 raf 运行 renderSeekPosition 以不断更新搜索值。

在这里的任何帮助将不胜感激。

  import raf from "raf";

  const [playing, setPlaying] = useState<boolean>(false);
  const [seek, setSeek] = useState<number | undefined>(0.0);
  const [Raf, setRaf] = useState<number>();
  function renderSeekPos() {
    if (!isSeeking) {
      setSeek(playerRef?.current?.seek());
    }
    if (playing) {
      setRaf(raf(renderSeekPos));
    }
  }
  function handleOnPlay() {
    setPlaying(true);
    renderSeekPos();
  }

标签： javascriptreactjs