React Sample Project - Part 11

import {useState} from 'react'

const LoginPage = () => {

  const [userName, setUserName] = useState("");
  const [userPassword, setUserPassword] = useState("");

  return (
    <form>
      <label>User Name</label>
      <br/>
      <input 
        type="text" 
        value={userName} 
        onChange={ evt => setUserName(evt.target.value) } />
      <br/>
      <label>Password</label>
      <br/>
      <input 
        type="password" 
        value={userPassword} 
        onChange={ evt => setUserPassword(evt.target.value) } />
      <br/>
      <button>Log In</button>
      {JSON.stringify({userName, userPassword})}
    </form>
  )
}

export default LoginPage