title: how to fetch image from the API using react js
body: <p>i can't display the image in my website, which is fetched from the API.</p>
  
  <p>this is my image fetching/showing code.</p>
  
  <pre><code>this.state.filteredData.map((data,i) =&gt;
                      &lt;div&gt;
                          &lt;span&gt;{data.details.name}&lt;/span&gt;
                          &lt;br/ &gt;
                         &lt;img source={{uri:data.details.image}} style={aStyle} /&gt;
                          &lt;br/&gt;
                          &lt;span&gt;{data.details[ 'section of law' ]}&lt;/span&gt;
                          &lt;br /&gt;3
  
                          &lt;span&gt;{data.details[ 'type of person' ]}&lt;/span&gt;
                      &lt;/div&gt;
  
  const aStyle={
      width:300,
      height:360
  };
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/cKt9i.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cKt9i.png" alt="enter image description here"></a></p>
  
  <p>only image box is showing.</p>