我正在使用Twilio来流式传输音频和视频，我希望能够使用React而不是document.getElementById（'audio '）方法来控制音量。目前，我有以下代码，它基于guide.liveDetails.volume中的值来设置音量：

useEffect(() => {
        const audioTrack = audioTracks[0];
        const audio = document.getElementById('audio');
        audio.volume = (guide.liveDetails.volume / 100);
        if (audioTrack && mic) {
            audioTrack.attach(audioRef.current);
            return () => {
                audioTrack.detach();
            };
        }
    }, [audioTracks, mic, guide]);

  return (
        <>
            {camera && <video ref={videoRef} autoPlay={true} />}
            <audio id="audio" ref={audioRef} autoPlay={true} muted={!mic} />
        </>
    );

但是，我想知道如何使用React设置音量，而不是使用document.getElementById（'audio '）。