ReactsJS воспроизводит аудио один за другим

Question

Я могу воспроизвести один аудиофайл при нажатии кнопки.

Когда я пытаюсь воспроизвести один файл (циклично) через массив src, я попытался выполнить следующее в цикле for

1. SetState источника звука
2. Воспроизводитсяthe audio
3. Установите для функции «Закончено» значение «NextPlay» в значение «ложь»
4. В цикле до следующего воспроизведения будет «истина».True, когда onended запускается и устанавливает Nextzplay в false
5. Цикл for затем переходит к следующему источнику, а против Goss возвращается к одному

Что я не делаю неправильно?

Я использую https://www.npmjs.com/package/react-audio-player

Я пробовал также использовать обычный HTML5-аудио.Я могу получить один звук для воспроизведения, но не ome друг за другом.

Например

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 и попытался воспроизвести его один за другим.

Он просто проигрывается один раз, а затем завершается ..

Я новичокреагировать и бороться с этим.