react　リスナーの登録

import React, { useState } from "react";

function App() {
	const [keyupResult, setKeyupResult] = useState("");

	const onKeyup = (e) => {
		setKeyupResult(e.target.value);
	};

	return (
		<>
			<input onKeyUp={onKeyup} placeholder="keyup" />
			{keyupResult}
		</>
	);
}
export default App;

handleKeyPress(e) {
  console.log(e.key);
}
handleKeyClick() {
	console.log("CLICKED");
}
componentDidMount() {
	window.addEventListener("click", this.handleKeyClick.bind(this));
	window.addEventListener("keydown", this.handleKeyPress.bind(this));
}