Как смоделировать событие Escape, которое прослушивает событие в окне, используя в react (enzyme

#reactjs #jestjs #react-hooks #enzyme #react-typescript

#reactjs #jestjs #реагирующие крючки #enzyme #react-машинопись

Вопрос:

Несмотря на все, что я мог найти в Интернете, я все еще не нашел рабочего решения о том, как имитировать событие Escape keyboard. мой компонент short выглядит следующим образом

 import React, { useEffect } from "react";
import "./styles.css";

export default function App() {
   useEffect(() => {
     window.addEventListener("keydown", (event) => {
      console.log(event);
    });
   return () => {
      window.removeEventListener("keydown", (event) => {
       console.log(event);
     });
  };
},  []);

return <div className="App">click a key</div>;}
 

У меня в основном материальные компоненты пользовательского интерфейса, такие как Dialog, IconButton, Box, Typogreaphy, … и я не могу полагаться на поле ввода
ссылка на codesandbox

Комментарии:

1. это должно быть window.removeEventListener('keydown') для очистки.

2. Эй, спасибо, просто скопируйте вставку и забудьте удалить ее @slideshowp2