Сайт прямых трансляций с использованием reactjs и drf
привет ребята я работаю над сайтом livestream используя reactjs и drf для серверной части. и вдруг я хочу достичь трех вещей.
когда определенная песня (div) нажата и в настоящее время играет, я добавляю "play" в список классов. теперь, когда пользователь нажал на другую песню, я хочу удалить play из первоначального div (песни), на который был сделан клик, и добавить его в текущий div, на который был сделан клик как можно скорее.
во-вторых, когда песня проигрывается, у меня есть задержка в ответе (как будто я должен щелкнуть дважды первый щелчок получает песню, затем второй щелчок воспроизводит ее. как я могу исправить это, чтобы когда я щелкаю один раз, все получает и воспроизводит сразу же. я использовал функцию fetch и применил обратный вызов, но все еще имею те же проблемы.
.когда я проигрываю песню, она появляется на всех аудио тегах во всех div (music) я думаю, что это из-за моей установки usesstate и способа рендеринга, пожалуйста, как я могу найти это так, чтобы каждая музыка (div) обрабатывала свой собственный аудио тег при воспроизведении?
Спасибо
const Home=()=>{
}
экспорт Дома по умолчанию