-
check_circle_outlineMódulo 1 | 3 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 4 clases
Fundamentos
expand_more -
check_circle_outlineMódulo 3 | 8 clases
Navegando entre páginas
expand_more -
check_circle_outlineMódulo 4 | 4 clases
Animar transiciones
expand_more -
check_circle_outlineMódulo 5 | 9 clases
Consumir servicio web
expand_more-
done_all
Clase 1
Configurar el servicio web
-
done_all
Clase 2
Colocar datos en el servicio web
-
done_all
Clase 3
Fetch API
-
done_all
Clase 4
Descargar negocios del servicio web
-
done_all
Clase 5
Wildcards en las rutas
-
done_all
Clase 6
Solicitar información individual de un negocio
-
done_all
Clase 7
Destructuring Assignment ES6
-
done_all
Clase 8
Link hacia el home en AppBar
-
done_all
Clase 9
Iniciar sesión y Crear cuenta
-
4 comentario(s)
Saludos,
Tuve problemas para implementar el login y la creación de la cuenta por la versión actual de React que estoy usando , así que consultando la documentación halle esta solución que no se si es la mejor pero le puede ser útil a quien se encuentre en la misma dificultad.
Tuve problemas para implementar el login y la creación de la cuenta por la versión actual de React que estoy usando , así que consultando la documentación halle esta solución que no se si es la mejor pero le puede ser útil a quien se encuentre en la misma dificultad.
... constructor(props){ super(props); this.state = { email: '', password: '' }; this.handleChange = this.handleChange.bind(this); this.requestAuth = this.requestAuth.bind(this); this.createAccount = this.createAccount.bind(this); } handleChange(event) { this.setState({ [event.target.name] : event.target.value}); } requestAuth(){ const credentials = { email: this.state.email, password: this.state.password, } login(credentials).then(console.log).catch(console.log); } createAccount(){ const credentials = { email: this.state.email, password: this.state.password, } signUp(credentials).then(console.log).catch(console.log); } render(){ return( <div className="row middle-xs"> <div className="col-xs-12 col-sm-6"> <Container> <div style={{'textAlign':'left'}}> <Title /> <TextField placeholder="Correo electrónico" fullWidth margin="normal" variant="outlined" type="email" className="textfield" ref="emailField" name="email" onChange={this.handleChange} /> <TextField placeholder="Contraseña" type="password" className="textfield" margin="normal" variant="outlined" fullWidth ref="passwordField" name="password" onChange={this.handleChange} /> ...
para crear la cuenta si quedo funcionando y me devuelve el token en consola pero para el login solo me devuelve POST http://localhost:9000/sessions net::ERR_EMPTY_RESPONSE TypeError: Failed to fetch
Ya termine los cursos tanto React Basico y este y el de servicios web
vengo de django y creando RESTful API'S con Rest Framework asi como API's personalizadas mias.
Con el uso de JS tambien que manejo y lo poco que aprendi por mi cuenta de ES6 veo que aun sigues concatenando con el simbolo "+" el cual en teoria esta mal ya que segun yo al usar create-react-app viene embebido webpack el cual transpilara todo el codigo ES6 a ES5 es por eso que recomendaria a la raza usar mejor esta forma de concatenar
vengo de django y creando RESTful API'S con Rest Framework asi como API's personalizadas mias.
Con el uso de JS tambien que manejo y lo poco que aprendi por mi cuenta de ES6 veo que aun sigues concatenando con el simbolo "+" el cual en teoria esta mal ya que segun yo al usar create-react-app viene embebido webpack el cual transpilara todo el codigo ES6 a ES5 es por eso que recomendaria a la raza usar mejor esta forma de concatenar
`http://www.servicioweb.com/img/${this.props.place.imageUrl}`
tambien no entiendo por que se repite tanto codigo cuando veo que este sitio esta en rails, me parece que una de las guias es el DRY
Saludos