Olá, atualmente estou desenvolvendo em React e estou tentando colocar uma div dentro do .catch. Atualmente estou utilizando o seguinte código:
componentDidMount() {
axios.get(API_ListaEmpresa)
.then(response => {
this.setState({ lista: response.data });
console.log(response.message)
})
.catch(error => {
alert('Teste');
})
}
Ao invés do
alert('Teste');
gostaria de colocar o seguinte código:
<div>
<Alert variant="warning">
<Alert.Heading>ERRO!</Alert.Heading>
<p>
Houve um erro na hora de carregar a lista de empresas. Iremos tentar novemente recarregando a página.
Clique em Recarregar para Recarregar a página ou clique em Cancelar para permanecer na página.
</p>
<hr />
<div>Erro!!!</div>
<hr />
<div className="d-flex justify-content-end">
<Button variant="outline-success">
Recarregar
</Button>
</div>
</Alert>
</div>
Como devo fazer isso?