React中音频pause()方法无法生效的问题求助

各位大佬好，我遇到了一个React里音频控制的棘手问题：我写了一个简单的播放/暂停切换功能，audio.play()能正常触发音频播放，但audio.pause()完全没效果——控制台能打印出"pause"，但音频就是停不下来，实在搞不懂哪里出问题了😭

我当前的组件代码是这样的：

import track from "../assets/haydn3.wav";

const AudioPlayer = () => {

const [isPlaying, setIsPlaying] = useState(false);

const audio = new Audio(track);

const handleTogglePlay = () => {

if (!isPlaying) {

audio.play();

setIsPlaying(!isPlaying);

} else {

audio.pause();

console.log("pause");

setIsPlaying(!isPlaying);

}

};

后来我还写了一个更简化的单独暂停函数，结果还是不行：

const pause = () => {

audio.pause();

};

有没有大佬遇到过类似的情况？pause()方法有没有什么已知的坑或者我没注意到的使用限制呀？

备注：内容来源于stack exchange，提问作者Jake Phillips