title: Load an array with react.js
body: <p>I have a problem with the react.js code below, the services performs the loading of an array of values ​​what interests me at this moment is the first value of the array inside the component, if I display the first CodArt value before configuring the setState (so if I view the console.log) the value is printed when I view it through the setState tells me that it is not set.</p>
  <p><strong>Services.js :</strong></p>
  <pre><code>const axios = require('axios').default;
  
  export async function caricamentoarticoliutilizzati() {
      var listaarticoli=[];
      await axios.post(server.url+'/articolo/statistiche', {})
        .then(function (response) {
          let data = response.data;
          for (let index in data){
            var datatemp={
              CodMarca : data[index].CodMarca,
              CodArt : data[index].CodArt,
              Totale : data[index].Totale
            };
            listaarticoli.push(datatemp);
          }
          }).catch(function (error) {
          console.log(&quot;Errore: &quot;+error);
        });
        return listaarticoli;
  }
  </code></pre>
  <p><strong>Main.js:</strong></p>
  <pre><code>class Dashboard extends React.Component {
  
    constructor(props) {
  
      super(props);
      this.state = {
        graph: null,
        checkedArr: [false, false, false],
        totalePreventiviInseriti: 0,
        percentualeAccettati:0,
        percentualeRifutati:0,
        percentualeInCorso:0,
        percentualeCantieriChiusi:0,
        percentualeCantieriInCorso:0,
        percentualeCantieriContoInviato:0,
        percentualeCantieriBolle:0,
        articoliUtilizzati:[],
      };
      this.checkTable = this.checkTable.bind(this);
    }
  
    async componentDidMount() {
  
  
    var totalePreventiviInseriti= await getStatistichePreventivi();
    var percentualeAccettati=await getStatistichePreventiviAccettati();
    var percentualeRifutati=await getStatistichePreventiviRifiutati();
    var percentualeInCorso=await getStatistichePreventiviInCorso();
    var cantieriPercentualiChiusi=await getStatisticheCantieri(&quot;Chiuso&quot;);
    var cantieriPercentualiInCorso=await getStatisticheCantieri(&quot;InCorso&quot;);
    var percentualeCantieriContoInviato=await getStatisticheCantieri(&quot;Conto Inviato&quot;);
    var percentualeCantieriBolle=await getStatisticheCantieri(&quot;Lavoro terminato inserire bolle &quot;);
    var articoliUtilizzati=await caricamentoarticoliutilizzati();
    console.log(&quot;articoliUtilizzati: &quot;+ articoliUtilizzati[0].CodArt.toString());
    //Inserimento valori nello stato
    this.setState({ totalePreventiviInseriti: totalePreventiviInseriti });
    this.setState({ percentualeAccettati: percentualeAccettati });
    this.setState({ percentualeRifutati: percentualeRifutati });
    this.setState({percentualeInCorso: percentualeInCorso});
    this.setState({percentualeCantieriChiusi: cantieriPercentualiChiusi});
    this.setState({percentualeCantieriInCorso: cantieriPercentualiInCorso});
    this.setState({percentualeCantieriContoInviato: percentualeCantieriContoInviato});
    this.setState({percentualeCantieriBolle: percentualeCantieriBolle});
    this.setState({articoliUtilizzati: articoliUtilizzati});
    }
  
    render(){
  
  
     ....
  
  
     &lt;p&gt; this.state.articoliUtilizzati[0].CodArt //--&gt;CodArt not set
    }
  </code></pre>