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

Tenho uma APIAPI (POSTPOST) na qual eu passo alguns parametroparâmetro e ela me retorna resultados..

A e a questão é a seguinte...:

Tenho um tipo dashboard onde tehodashboard onde tenho q pegar dados do DIA e dados do MES (usando a mesma API, porem passando parametrosparâmetros diferentes...

insiraimport oReact, código{Component} aquifrom 'react'

import React, {Component} from 'react' import '../../index.css';

export default class FaturamentoDia extends Component{

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

   } 
   render() {
     const {wTotGeral} = this.state

     return (
        
      <div>
        {wTotGeral}
      </div> 
   
    );  
   }

}

}

}

O resultado final aparece corretamente em wTotGeral;wTotGeral;

ou seja pegando dados do mesmês todo....

O, o problema que quando eu vou mostrar os dados na tela ...uma, uma requisição retorna 200 (ok) e mostra os dados...

e a outra retorna 500 ...

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

AlguemAlguém poderia me da uma ajuda em como fazer os dados aparecerem ao mesmo tempo....

Tentei AWAIT e tentei await antes do fetch ...fetch, mas naonão deu certo...

Tenho uma API (POST) na qual eu passo alguns parametro e ela me retorna resultados..

A questão é a seguinte...

Tenho um tipo dashboard onde teho q pegar dados do DIA e dados do MES (usando a mesma API, porem passando parametros diferentes...

insira o código aqui

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;

ou seja pegando dados do mes 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

Alguem poderia me da uma ajuda em como fazer os dados aparecerem ao mesmo tempo....

Tentei AWAIT antes do fetch ... mas nao deu certo...

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.

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;

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.

Fonte Link

React fetch() POST

Tenho uma API (POST) na qual eu passo alguns parametro e ela me retorna resultados..

A questão é a seguinte...

Tenho um tipo dashboard onde teho q pegar dados do DIA e dados do MES (usando a mesma API, porem passando parametros diferentes...

Pra pegar os dados do dia eu uso:

insira o código aqui

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 mes 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

Alguem poderia me da uma ajuda em como fazer os dados aparecerem ao mesmo tempo....

Tentei AWAIT antes do fetch ... mas nao deu certo...