How To Get Enter Key In Reactjs

import { useState } from ‘react’
// import reactLogo from ‘./assets/react.svg’
// import viteLogo from ‘/vite.svg’
import ‘./App.css’
function App() {
  const [inputValue, setinputValue] = useState(”);
  const handlekeyDown=(event)=>{
    if(event.key===’enter’){
    console.log(‘down key is pressed’);
    alert(`You pressed Enter! Input value: ${inputValue}`);
  }
  };
  return (
    <>
      <div>
        <input type=”text” value={inputValue} onChange={(e)=>setinputValue(e.target.value)}
        onKeyDown={handlekeyDown}
        placeholder=’enter input’
        />
        </div>
    </>
  );
}
export default App

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top