title: Rendering json data with axios
body: <p>I'm trying to get data from .json file. Nothing appears on the page. Maybe somebody have an idea why? Thanks!
  This is link on the file 
  <a href="https://s3-us-west-2.amazonaws.com/digicode-interview/Q1.json" rel="nofollow noreferrer">https://s3-us-west-2.amazonaws.com/digicode-interview/Q1.json</a></p>
  
  <pre><code>import React from 'react';
  import createReactClass from 'create-react-class';
  import ReactDOM from 'react-dom';
  import axios from 'axios';
  
  
  class Data extends React.Component {
    constructor(props) {
      super(props);
  
      this.state = {
        array: []
      };
    }
  
    componentDidMount(){
      axios
        .get('https://crossorigin.me/https://s3-us-west-2.amazonaws.com/digicode-interview/Q1.json')
        .then(({ data })=&gt; {
          this.setState({ 
            array: data.recipes.Ingredients
          });
        })
        .catch((err)=&gt; {})
    }
  
    render() {
      const child = this.state.array.map((element, index) =&gt; {
        return &lt;div key={index}&gt;
          &lt;p&gt;{ element.data.name }&lt;/p&gt;
        &lt;/div&gt;
      });
  
      return &lt;div&gt;&lt;div&gt;{ child }&lt;/div&gt;&lt;/div&gt;;
    }
  }
  
  export default Data;
  </code></pre>