Как предотвратить открытие модального окна React Video при нажатии кнопки ES C?

Question

Я создаю страницу видео, используя response-modal-video с gatsby . Каждый раз, когда страница загружается и я нажимаю кнопку ES C, модальное окно видео открывается автоматически. Но модальное видео должно открываться только по нажатию кнопки. Я хочу остановить этот переход открытия видео-модального окна при нажатии кнопки ES C. Я не понимаю, как остановить этот переход. Если кто знает, дайте мне знать.

Мой код

const [modal_open, setModalToggle] = useState(false)
const modalToggle = () => setModalToggle(!modal_open)

<ModalVideo channel={props.channel} isOpen={modal_open} videoId={props.video_id} onClose={modalToggle} />

<button onClick={modalToggle}>Show Video</button>

Answer 1

Я отслеживаю response-modal-video исходный код . Пакет не поддерживает опору для закрытия Modal по событию нажатия клавиши ES C. Возможно, вы можете попробовать добавить прослушиватель событий keydown к событию по умолчанию для пакета. Но я не уверен, что это сработает.

document.addEventListener('keydown', e => {
  if (e.keyCode === 27) {
    e.preventDefault();
});