Function App

04React/Day09/src/App.jsx:4–35

()

function App() {
    
    const [name,setName] = useState('');
    const [age,setAge] = useState('');
    const [password,setPassword] = useState('');
    
    function handleSubmit(e){
      e.preventDefault();
      console.log(name);
      console.log(age);
      console.log(password);
    }

    console.log("Render");

    return(
      <>
      <form onSubmit={handleSubmit}>
        <div>
        <input type='text' value={name} onChange={(e)=>setName(e.target.value)}></input>
        </div>
        <div>
        <input type='number' value={age} min={10} max={80} onChange={(e)=>setAge(e.target.value)}></input>
        </div>
        <div>
        <input type='password' value={password} onChange={(e)=>setPassword(e.target.value)}></input>
        </div>
        <button>Submit</button>
      </form>
      </>
    )
}

export default App;