App & Web dev./React JS
keystroke 연결시키기 (esc 눌러서 modal 종료)
제이스핀
2023. 10. 27. 19:51
반응형
// set 'ESC' keystroke to escape ========================
const handleKeyDown = (e: KeyboardEvent): void => {
if (e.code === "Escape") {
closeModal();
}
};
useEffect(() => {
window.addEventListener("keydown", handleKeyDown);
return () => window.removeEventListener("keydown", handleKeyDown);
}, []);
closeModal() 함수에 Modal을 닫는 함수,
혹은 다른 함수를 넣으면 됩니다.
반응형