React.useState(props.playlist);
const [currentArrayKey, setCurrentArrayKey] = React.useState(0);
инкремент переменной для стейта и собственно плеер:
const playNextVideo = () => {
const newKey = currentArrayKey > playList.length ? 0 : currentArrayKey + 1;
setCurrentArrayKey(newKey);
}
return <ReactPlayer controls={true}
playing={true}
muted={true}
volume={0}
url={playList[currentArrayKey].src}
onError={ handleError }
onEnded={ playNextVideo }
/>
Попробуй плей лист вообще в Стейт не совать. Обращайся к пропу напрямую
Обсуждают сегодня