Estoy creando una página de inicio de sesión usando React. Localhost:3000 todavía alerta 'gracias por registrarse' incluso cuando las entradas están vacías. Hice esto del tutorial y seguí los códigos exactamente, pero aún no puedo descifrarlo durante días. Intenté eliminar el espacio entre las comillas dobles en la declaración if-else, pero fue en vano.

Aquí está el código:

 import { useState } from "react"; import styles from "./register.css"; import Login from "../../containers/login/index"; function Register({ props, history }) { const [name, setName] = useState(); const [email, setEmail] = useState(); const [password, setPassword] = useState(); function registerClicked() { if (name !== " " && email !== " " && password !== " ") { console.log(name, email, password); alert("Thanks for registering"); history.push("/"); } else { alert("Please register to continue"); } } return( <div className="regContainer"> <p className="registerTitle">Register to sign in</p> <input type="text" placeholder="Create username" onChange={(nameText) => setName(nameText.target.value)} /> <input type="text" placeholder="Email address" onChange={(emailText) => setEmail(emailText.target.value)} /> <input type="password" placeholder="Password" onChange={(passwordText) => setPassword(passwordText.target.value)} /> <button onClick={() => registerClicked()}>Register</button> <p className="loginInstead">Already have an account? Sign in instead</p> </div> ); } export default Register;