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을 닫는 함수, 

혹은 다른 함수를 넣으면 됩니다.

반응형