title: ComponentDidMount only fetching second data set
body: <p>I am trying to fetch two different tables for the same react component however I only seem to end up getting the most recent output. I believe it is because I have 2 separate ComponentDidMount components but I am unsure how to combined them. My code currently looks like this:</p>
  <pre><code>constructor(props) {
      super(props);
      this.state = {items: [],locations: []}        
    } 
     
    componentDidMount() {
      fetch('/locationmenu')
      .then(response =&gt; response.json())
      .then(menu =&gt; this.setState({locations : menu}))}
    componentDidMount() {
      fetch('/clothesmenu')
      .then(response =&gt; response.json())
      .then(menu =&gt; this.setState({items : menu}))}
  </code></pre>
  <p>In this case only the /clothesmenu part of data seems to be added, and if I switch the two around only the /locationmenu is there.</p>
  <p>Can anyone please tell me how to combine those componentDidMounts, or show me what I am missing elsewhere?</p>