Javascript 设置React中视频元素的音量

如何在react中设置视频元素的音量？我知道Javascript具有vid.volume属性，但不确定react的正确约定是什么

以下是我目前的尝试：

const Video = (props) => {
   const ref = useRef();
   const [volumeSignal, setVolumeSignal] = useState(0);

   useEffect(() => {
    props.peer.on("stream", stream => {
    ref.current.srcObject = stream;
     })
    }, []);

  const handleChange = (e, value ) => {
  console.log("Volume is: " + value)
  setVolumeSignal(value)
   }
  return (
<div>
    <video playsInline autoPlay ref={ref} volume={volumeSignal}/>
    <div style={{width: 300, margin: 30}}>
    <Slider max={1} min={0} step={0.1} onChange={handleChange}/>
    </div>
</div>
);

const视频=（道具）=>{
const ref=useRef（）；
const[volumeSignal，setVolumeSignal]=useState（0）；
useffect（（）=>{
props.peer.on（“stream”，stream=>{
ref.current.srcObject=流；
})
}, []);
常量handleChange=（e，值）=>{
日志（“卷为：”+值）
设置体积信号（值）
}
返回(
);

什么是

StyledVideo

？我将其编辑为tag以使其更清晰。