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;