state hook
-
[React Hook] 상태 훅(State Hook)을 EventListener에 사용시 유의사항Javascript & TypeScript 2021. 2. 11. 16:06
개인프로젝트에서 HTMLAudioElement 를 선언하여 해당 객체에 이벤트 리스너를 심어 음악재생을 관리하는 기능을 구현하던 중 겪은 현상을 정리하고자 이 글을 작성하였다. 초기 소스는 아래와 같이 작성했다. function MusicPlayer() { const [totalTime, setTotalTime] = useState(1); // 초기값을 0으로 주면 바로 다음 음악재생 const [currentTime, setCurrentTime] = useState(0); const [audio] = useState(new Audio()); function init() { console.log(`init ${MusicPlayer.name}`); audio.addEventListener('timeupda..