Estoy tratando de registrar en la consola el nombre de usuario y la contraseña en onClick en reactjs pero obtengo el TypeError. He definido la función de autenticación bajo el constructor de la clase. A continuación se muestra el código completo. ¿Alguien puede guiarme aquí?
authenticate(e){ e.preventDefault(); var details = { "email" : this.state.username, "password" : this.state.password } alert(details.username + details.password); <input type="email" onChange = {(event,newValue) => this.setState({username:newValue})} className="form-control" name="email" placeholder="Enter your Email" required="required" /> <input type="password" onChange = {(event,newValue) => this.setState({password:newValue})} className="form-control" name="password" placeholder="Enter your Password" required="required" /> <button className="btn w-100 mt-3 mt-sm-4" onClick={this.authenticate} type="submit">Sign In</button>var details = { "email" : this.state.username, "password" : this.state.password } alert(details.username + details.password); En este derecho aquí, llame para details.username detalles. nombre de usuario, pero los detalles solo tendrán las claves, email y password .
Básicamente, details.username . nombre de usuario no está definido y no puede leer esa propiedad.
Intenta cambiarlo a
var details = { "email" : this.state.username, "password" : this.state.password } alert(details.email + details.password);