ReactsJS接连播放音频

Question

单击一个按钮，我可以播放一个音频文件。

当我尝试通过src数组播放一个文件（循环）时，我在for循环中尝试了以下内容

1. 音频源的设置状态
2. 它播放音频
3. 设置结束功能以将NextPlay上的状态设置为false
4. 直到下一次播放变为true时循环播放。 onended运行时为True，并将Nextzplay设置为false
5. for循环然后转到下一个源，并且反对goss回到一个

我没做错什么？

我正在使用 https://www.npmjs.com/package/react-audio-player

我也尝试使用纯HTML5音频。我可以播放一个音频，但不能互相播放。

例如

buttonClicked（blockAudio，index）{

    this.setActiveElement(index);
    // console.log(blockAudio)
    // console.log(blockAudio.src)
    const audio = new Audio();
    audio.src = blockAudio.src;
    audio.preload = true;
    audio.play();
    audio.onended = () => {
        this.setState({ activeId: "block-example border border-dark" })
    }
}

... 最终，如果有人可以指导我如何播放音频并做出反应，则知道已完成播放，然后播放另一音频。

我在页面上有块。.每个块具有不同的声音..但我希望允许用户单击一个播放每个块的按钮..因此，我映射了每个audio.src并尝试逐一播放

它只播放一次然后完成。.

我是ReactJS的新手，为此而苦苦挣扎。