Tenho uma API
(POST
) na qual eu passo alguns parâmetro e ela me retorna resultados e a questão é a seguinte:
Tenho um tipo dashboard onde tenho q pegar dados do DIA e dados do MES (usando a mesma API, porem passando parâmetros diferentes.
Pra pegar os dados do dia eu uso:
import React, {Component} from 'react'
import '../../index.css';
export default class FaturamentoDia extends Component{
constructor(props) {
super(props);
this.state = {
itensDia: [],
wTotGeral: '',
};
}
componentDidMount() {
const data = {
"aEmp" : ["004"],
"PeriodoDe" : "2019-1-15T12:54:21Z",
"PeriodoAte" : "2019-1-15T12:54:21Z"
}
const requestInfoDia = {
method: 'POST',
body: JSON.stringify(data),
headers: new Headers({
'Content-Type': 'application/json',
'Accept': 'application/json'
}),
};
const dadosDia = fetch('http://10.0.0.49:9000/rzcFatPeriodo', requestInfoDia);
dadosDia.then(response => {
console.log(response);
return response.json();
}).then(itensDia => {
var swTotGeral = 0;
for (var i=0;i<itensDia.length;i++){
if(itensDia[i].DEFFATURAMENTO === 'D'){
var wValAux = -1;
}else{
wValAux = 1;
}
if(itensDia[i].ESTADONF !== 'C' && itensDia[i].ESTADONF !== 'I' && itensDia[i].ESTADONF !== 'D' ){
swTotGeral = swTotGeral + (itensDia[i].VALCONTABIL* wValAux);
}
}
var wTotGeral = swTotGeral.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'});
console.log("Dia: "+wTotGeral)
this.setState({ itensDia, wTotGeral })
});
}
render() {
const {wTotGeral} = this.state
return (
<div>
{wTotGeral}
</div>
);
}
}
O resultado final aparece corretamente em wTotGeral;
em outro arquivo eu faço a consulta do mes .... mudando apenas
const data = {
"aEmp" : ["004"],
"PeriodoDe" : "2019-1-01T12:54:21Z",
"PeriodoAte" : "2019-1-31T12:54:21Z"
}
ou seja pegando dados do mês todo, o problema que quando eu vou mostrar os dados na tela, uma requisição retorna 200 (ok) e mostra os dados e a outra retorna 500.
Alguém poderia me da uma ajuda em como fazer os dados aparecerem ao mesmo tempo e tentei await
antes do fetch
, mas não deu certo.