export default class UsuarioBox extends Component{
constructor() {
super();
this.state = {lista: []};
}
componentDidMount(){
this.Listar();
}
Listar(){
axios.get('http://localhost:8000/user').then(function(resposta){
this.setState({lista: $(resposta.data)});
}.bind(this));
}
render(){
return(
<div>
<FormUsuario Listar={this.Listar()} />
<TabelaUsuario lista={this.state.lista} Listar={this.Listar} />
</div>
);
}
}
Quando eu subo o servidor o browser começa a travar e quando vou ver no network o mesmo esta fazendo infinitos requests de user na api, acredito eu que o erro esteja em FormUsuario Listar={this.Listar()} /> mas não sei como resolver. Alguma dica?