রিয়েক্ট keyDown

import {createRoot} from "react-dom/client";
import React, {useState} from "react";

function App() {
  const [message, setMessage] = useState("");

  function handleKeyDown(event) {
    setMessage(event.key);
  }

  return (
    <>
      <input
        onKeyDown={handleKeyDown}
        placeholder="press a key"
      />

      <p>{message}</p>
    </>
  );
}

createRoot(
  document.getElementById("root")
).render(<App/>);