Login.js

import React, { useState } from "react";
import "./hook.css";

function Login() {
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
    
    useEffect(() => {
      console.log("useEffect1");
    });
    
    useEffect(() => {
      console.log("useEffect2");
    }, []);
    
    useEffect(() => {
      console.log(email, password);
    }, [email, password]);
    
    function handleInputEmail(e) {
      setEmail(e.target.value);
    }
    function handleInputPassword(e) {
      setPassword(e.target.value);
    }
return (
    <div className="login">
      <h2>Login</h2>
        <input
          className="email"
          placeholder="email"
          value={email}
          onChange={handleInputEmail}
        />
        <br />
        <input
          className="password"
          placeholder="password"
          value={password}
          onChange={handleInputPassword}
        />
     </div>
  );
}
export default Login;