title: Axios Response in React Page
body: <p>I am trying to set the state of my Axios Response data. The REST call works but the state is not being set.</p>
  
  <pre><code>this.state = {
    source: sources['bunnyMovie'],
    startDate : moment(),
    endDate: moment(),//endDate : moment()
    filename: "",
    storageArea: [],
    v_bucketName: "",
    v_creationDate: "",
  };
  componentDidMount() {
  const self = this;
  axios.get(`/api/Storage/`)
    .then(response =&gt; {
      self.setState({storageArea: response.data});
      console.log(response);
      console.log("StorageArea: " + self.storageArea);
    });
  </code></pre>
  
  <p>}</p>
  
  <pre><code> &lt;option value="" /&gt;
                      {this.state.storageArea.map((Buckets, i) =&gt; (
                        &lt;option native="true" key={i} value={Buckets.Name}&gt;
                          {Buckets.Name}
                        &lt;/option&gt;
  </code></pre>
  
  <p>But the storageArea is null. Incidentally, the type can be array or was NULL before I changed it. Either way it's not working. What am I missing?</p>