Javascript React/NextJS-音频播放器

我需要使用mp3端点url传输音频

我不熟悉音频流，所以我真的需要一些帮助。提前谢谢

这就是我尝试过的：

const SongRow = ({ track }) => {
    const player = useRef();
    const playSong = () => {
        player.src = track.preview_url;
        player.play();
    }
    return (
        <div className="songRow" onClick={() => playSong()}>
            <audio ref={player} />
            <div className="songRow__info">
                <h1>{track.name}</h1>
            </div>
        </div>
    )
};

const SongRow=（{track}）=>{
const player=useRef（）；
康斯特播放歌曲=（）=>{
player.src=track.preview\u url；
player.play（）；
}
返回(
播放歌曲（）}>
{track.name}
)
};

错误：类型错误：无法添加属性src，对象不可扩展

---

我不知道我该怎么做。也找不到任何与此和功能组件相关的文档。

您需要访问ref上的

current

属性

从：

在ref的

current

属性处可以访问对节点的引用

---

因此它将是

player.current.src

您需要访问ref上的

current

属性

从：

在ref的

current

属性处可以访问对节点的引用

所以它应该是

player.current.src