title: React JS Mapped Data Fecthing
body: <p>I am trying to make a web app and I am fetching data from some where as an array. I got urls from this array in each element. So I could not imagine how I should fetch data from the mapped urls.</p>
  <pre><code> useEffect(() =&gt; {
      axios
        .get(`someurl`)
        .then((response) =&gt; setState(response.data));
    }, []);
  </code></pre>
  <p>I am fetching basically as above and putting the response in some state.</p>
  <pre><code>[{
      &quot;userId&quot;: 1,
      &quot;id&quot;: 1,
      &quot;title&quot;: &quot;delectus aut autem&quot;,
      &quot;completed&quot;: false,
      &quot;url&quot;: &quot;fakeapi.com/user/1&quot;
  },
  {
      &quot;userId&quot;: 2,
      &quot;id&quot;: 2,
      &quot;title&quot;: &quot;delectus aut autem&quot;,
      &quot;completed&quot;: false,
      &quot;url&quot;: &quot;fakeapi.com/user/2&quot;
  }]
  </code></pre>
  <p>Then I am mapping the response and listing in table.
  I want to fetch again via urls in response. I could not understand how should I do because I am putting each response in a state.How should I do it?
  Thanks in advance!</p>