function Login() { const [email, setEmail] = useState(""); const [password, setpassword] = useState(""); const [users, setUser] = useState([]); function login() { fetch( "http://116.202.231.219:8069/Restaurant/Login_Updated?Cont4=" + email + "&Pswd=" + password ).then((result) => { result.json().then((resp) => { // console.warn(resp) setUser(resp); console.log(resp); }); }); } return ( <div className="col-sm-6 offset-sm-3"> <h1>Login Page</h1> <br /> <input type="text" className="form-control" onChange={(e) => setEmail(e.target.value)} /> <br /> <br /> <input type="password" className="form-control" onChange={(e) => setpassword(e.target.value)} /> <br /> <br /> <button onClick={login} className="btn btn-primary"> Login </button> </div> ); }

ahora quiero verificar que si los datos que se obtienen son los mismos que los datos que se ingresan en las entradas, así que estoy tratando de usar "IF" pero la variable "RESP" no es global, quiero decir que no funciona con "IF" . Entonces, ¿pueden ayudarme a verificar que el pase de correo electrónico sea igual al pase de correo electrónico de la API?

Como puede ver, la API obtiene el cont4 y pasa de las etiquetas de entrada y devuelve los objetos a cambio, pero no puedo ejecutar la verificación de éxito en esta API que, si devuelve el objeto, vaya al tablero, de lo contrario, arroje una alerta de error.