键盘隐藏react本机中的模式视图

import React, { useState, useEffect } from 'react';

const Modal = () => {
  const [visible, setVisible] = useState(true);

  useEffect(() => {
    const handleKeyDown = (event) => {
      if (event.keyCode === 27) { // 按下Esc键
        setVisible(false);
      }
    };

    window.addEventListener('keydown', handleKeyDown);

    return () => {
      window.removeEventListener('keydown', handleKeyDown);
    };
  }, []);

  return visible ? <div className="modal">模态视图内容</div> : null;
};

export default Modal;