Reactjs 将音频进度保存到状态(plyr)-反应
我想使用useState钩子(progress,setProgress)将音频进度保存到state,并将其保存在本地存储中 为了实现这一点,我正在useEffect挂钩中监听一个timeupdate事件:Reactjs 将音频进度保存到状态(plyr)-反应,reactjs,react-hooks,html5-audio,plyr,current-time,Reactjs,React Hooks,Html5 Audio,Plyr,Current Time,我想使用useState钩子(progress,setProgress)将音频进度保存到state,并将其保存在本地存储中 为了实现这一点,我正在useEffect挂钩中监听一个timeupdate事件: player.on("timeupdate", (e) => { setProgress(player.currentTime); }); 在同一个useEffect钩子中,我返回以下内容: return () => {
player.on("timeupdate", (e) => {
setProgress(player.currentTime);
});
在同一个useEffect钩子中,我返回以下内容:
return () => {
localStorage.setItem(props.audio_url, JSON.stringify(progress));
console.log(progress);
player.destroy();
};
由于某些原因,当卸载组件和控制台日志进行时,即使currentTime不是0,我也得到了0