Boa noite, estou iniciando meus estudos em ReactJS e estou com dificuldades em resolver um erro.
Tenho um back-end que me envia um json com o resultado das minhas apostas numa loteria.
[
{
"nuConcurso":1812,
"dtSorteio":"10/05/2019",
"dezenas":[
{
"nuDezena":1,
"foiSorteada":false
},
{
"nuDezena":3,
"foiSorteada":false
},
{
"nuDezena":4,
"foiSorteada":true
},
{
"nuDezena":6,
"foiSorteada":true
},
{
"nuDezena":8,
"foiSorteada":false
},
{
"nuDezena":9,
"foiSorteada":true
},
{
"nuDezena":11,
"foiSorteada":true
},
{
"nuDezena":12,
"foiSorteada":true
},
{
"nuDezena":14,
"foiSorteada":false
},
{
"nuDezena":15,
"foiSorteada":false
},
{
"nuDezena":17,
"foiSorteada":false
},
{
"nuDezena":18,
"foiSorteada":true
},
{
"nuDezena":21,
"foiSorteada":true
},
{
"nuDezena":23,
"foiSorteada":true
},
{
"nuDezena":24,
"foiSorteada":true
}
],
"nuAcertos":9
},
{
"nuConcurso":1812,
"dtSorteio":"10/05/2019",
"dezenas":[
{
"nuDezena":2,
"foiSorteada":true
},
{
"nuDezena":5,
"foiSorteada":false
},
{
"nuDezena":7,
"foiSorteada":true
},
{
"nuDezena":9,
"foiSorteada":true
},
{
"nuDezena":10,
"foiSorteada":false
},
{
"nuDezena":12,
"foiSorteada":true
},
{
"nuDezena":13,
"foiSorteada":true
},
{
"nuDezena":14,
"foiSorteada":false
},
{
"nuDezena":16,
"foiSorteada":false
},
{
"nuDezena":18,
"foiSorteada":true
},
{
"nuDezena":19,
"foiSorteada":true
},
{
"nuDezena":20,
"foiSorteada":true
},
{
"nuDezena":22,
"foiSorteada":false
},
{
"nuDezena":23,
"foiSorteada":true
},
{
"nuDezena":25,
"foiSorteada":true
}
],
"nuAcertos":10
},
{
"nuConcurso":1812,
"dtSorteio":"10/05/2019",
"dezenas":[
{
"nuDezena":2,
"foiSorteada":true
},
{
"nuDezena":3,
"foiSorteada":false
},
{
"nuDezena":4,
"foiSorteada":true
},
{
"nuDezena":5,
"foiSorteada":false
},
{
"nuDezena":6,
"foiSorteada":true
},
{
"nuDezena":7,
"foiSorteada":true
},
{
"nuDezena":9,
"foiSorteada":true
},
{
"nuDezena":10,
"foiSorteada":false
},
{
"nuDezena":11,
"foiSorteada":true
},
{
"nuDezena":13,
"foiSorteada":true
},
{
"nuDezena":17,
"foiSorteada":false
},
{
"nuDezena":18,
"foiSorteada":true
},
{
"nuDezena":19,
"foiSorteada":true
},
{
"nuDezena":22,
"foiSorteada":false
},
{
"nuDezena":24,
"foiSorteada":true
}
],
"nuAcertos":10
}
]
“Lendo” este json funciona de boa
import React, { Component, Fragment } from 'react'
import Loading from ‘…/componentes/Loading’
import Resultado from ‘./Resultado’
import retorno from ‘…/cliente/Resultados.json’
class ResultadoList extends Component {
constructor(props) {
super(props);
this.state = {
carregando: true,
resultado: []
}
}
componentDidMount() {
this.setState({resultado: retorno, carregando: false })
}
render() {
return (
<Fragment>
<div className="container">
<Loading loading={this.state.carregando} message='Carregando resultado...' />
{
<Resultado resultado={this.state.resultado}/>
}
</div>
</Fragment>
)
}
}
export default ResultadoList
Agora se eu mudo pra chamar minha api
componentDidMount() {
axios.get(http://localhost:8080/mylottery/resultados/lotofacil/1816)
.then(response => {
console.log("Retorno do servidor > ", response.data)
this.setState({resultado: response.data, carregando: false })
}).catch((error) => {
console.error(error);
})
}
dá um erro
imprimindo direto
{
//
this.state.resultado
}
