根據我查看的 React 文檔，我想我會使用“useRef”來更新函數，但我不確定。我想觸發一個事件來使視頻靜音，有一個滾動事件?，F在我正在使用 onClick 來播放/暫停視頻。視頻.jsimport React, { useRef, useState } from "react";import "./Video.css";function Video({ url }) {  const [muted, setMuted] = useState(true);  const [playing, setPlaying] = useState(false);  const videoRef = useRef(null);  var Chrome =    navigator.userAgent.includes("Chrome") &&    navigator.vendor.includes("Google Inc");  const onVideoPress = () => {    if (playing && !Chrome) {      videoRef.current.pause();      setPlaying(false);      setMuted(true);    } else if (playing && Chrome) {      videoRef.current.pause();      setPlaying(false);      setMuted(false);    } else {      videoRef.current.play();      setPlaying(true);      setMuted(false);    }  };  return (    <div className="video">      <video        className="video__player"        autoPlay={true}        loop={true}        muted={muted}        playsInline={true}        // controls        ref={videoRef}        onClick={onVideoPress}      >        <source className="video__controls" src={url} type="video/mp4"></source>      </video>      {/* <VideoFooter /> */}    </div>  );}export default Video;這與如何在反應組件中添加滾動事件不同，因為我沒有將函數擴展為組件。