Skip to main content
2 de 2
adicionou 243 caracteres ao conteúdo
novic
  • 36,7mil
  • 4
  • 32
  • 70

React fetch() POST

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.

inserir a descrição da imagem aqui

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.