title: How to separate axios get array objects
body: <p>Hello I have made a simple AXIOS get request and receive an array of objects. But the example I used to achieve this returns all array at one and I need to separate the objects so I could use each of them separately.</p>
  
  <pre><code>class apitest extends Component {
    constructor(props) {
      super(props);
  
      this.state = {
        cryptos: []
      };
    }
  
    componentDidMount() {
      axios
        .get(
          "https://min-api.cryptocompare.com/data/pricemulti?fsyms=BTC,ETH,XRP,BCH,EOS,TRX&amp;tsyms=EUR,CHANGE&amp;api_key=xxx"
        )
        .then(res =&gt; {
          const cryptos = res.data;
          console.log(cryptos);
          this.setState({ cryptos: cryptos});
        });
    }
  
    render() {
      return (
        &lt;div className="test"&gt;
          {Object.keys(this.state.cryptos).map(key =&gt; (
            &lt;div id="crypto-container"&gt;
              &lt;span className="left"&gt;{key}&lt;/span&gt;
              &lt;span className="right"&gt;
                &lt;NumberFormat
                  value={this.state.cryptos[key].EUR}
                  displayType={"text"}
                  decimalPrecision={2}
                  thousandSeparator={true}
                  prefix={"€"}
                /&gt;
              &lt;/span&gt;
            &lt;/div&gt;
          ))}
        &lt;/div&gt;
      );
    }
  }
  
  export default apitest;
  </code></pre>