InputGetData.js

import { useState } from 'react';
import './App.css';

function App() {
  const [Name, setName] = useState('')
  const [Email, setEmail] = useState('')
  const [Password, setPassword] = useState('')

  const SubmitHandler = (event) => {
    event.preventDefault()
    event.target.reset()

    const GetData = {
      Name,
      Email,
      Password
      // Shortcut, It's mean - Name: Name, Email: Email, Password: Password
    }
    console.log(GetData)
  }

  return (
    <div className="App">
      <form onSubmit={(e)=>SubmitHandler(e)}>
        <h1>Example of getting data from input</h1>
        <input type="text" placeholder='Your Name' className='FormInput' onBlur={(e) => setName(e.target.value)} required/>
        <input type="email" placeholder='Your Email' className='FormInput' onBlur={(e) => setEmail(e.target.value)} required/>
        <input type="password" placeholder='Your Password' className='FormInput' onBlur={(e) => setPassword(e.target.value)} required/>
        <input type="submit" value="SUBMIT" className='FormSubmit'/>
      </form>
    </div>
  );
}

export default App;