Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Quando coloco para cadastrar, no final do video, da erro. Não estou fazendo local8080 por conta de o java ter dado erro de instalação na minha maquina.
import React, { Component } from 'react'; import './css/pure-min.css'; import './css/side-menu.css'; import $ from 'jquery'
class App extends Component {
constructor() { super(); this.state = {lista : [],nome:'',email:'',senha:''}; this.enviaForm = this.enviaForm.bind(this); this.setNome = this.setNome.bind(this); this.setEmail = this.setEmail.bind(this); this.setSenha = this.setSenha.bind(this); }
componentWillMount(){ $.ajax({ url:"http://cdc-react.herokuapp.com/api/autores", dataType: 'json', success:function(resposta){ this.setState({lista:resposta}); }.bind(this) } ); }
enviaForm(evento){ evento.preventDefault();
$.ajax({ url:"http://cdc-react.herokuapp.com/api/autores", contentType: 'application/json', dataType:'json', type:'post', data: JSON.stringify({nome:this.state.nome,email:this.state.email,senha:this.state.senha}), sucess: function(resposta){ console.log("enviado com sucesso"); }, error: function(resposta){ console.log("erro"); } }); }
setNome(evento){ this.setState({nome:evento.target.value}); } setEmail(evento){ this.setState({email:evento.target.value}); } setSenha(evento){ this.setState({senha:evento.target.value}); }
render() { return (
); } }
export default App;