title: Can't load image from an API using React
body: <p>I successfully load data from the OpenDota API but somehow, the images 
  are broken when I pass the image props in my Heroes.js</p>
  
  <p>here is the Component where I load the API.</p>
  
  <p><strong>HeroStats.js</strong></p>
  
  <pre><code>import React, { Component } from 'react'
  import Sidebar from "./Sidebar";
  import Heroes from "./Heroes"
  import "./App.css"
  import axios from "axios";
  
  const URL = "https://api.opendota.com/api/heroStats";
  
  class HeroStats extends Component {
      state = {
          data: []
      }
  
      componentDidMount() {
          axios.get(URL)
              .then(res =&gt; {
                  this.setState({
                      data: res.data
                  });
              });
      }
  
      render() {
          const Stats = this.state.data.map(stat =&gt; (
              &lt;Heroes
                  key={stat.id}
                  id={stat.id}
                  name={stat.name}
                  localized_name={stat.localized_name}
                  img={stat.img}
                  icon={stat.icon}
                  pro_win={stat.pro_win}
                  pro_pick={stat.pro_pick}
                  pro_ban={stat.pro_ban}
  
              /&gt;
          ))
          return (
              &lt;div&gt;
                  {Stats}
              &lt;/div&gt;
          )
      }
  }
  
  export default HeroStats;
  </code></pre>
  
  <p>and here where I pass my props.
  <strong>Heroes.js</strong></p>
  
  <pre><code>import React from 'react'
  
  const Heroes = (props) =&gt; (
      &lt;div&gt;
  
          &lt;h1&gt;{props.localized_name}&lt;/h1&gt;
          &lt;img src={props.img} /&gt;
          &lt;img src={props.icon} /&gt;
          &lt;h1&gt;{props.pro_win}&lt;/h1&gt;
          &lt;h1&gt;{props.pro_pick}&lt;/h1&gt;
          &lt;h1&gt;{props.pro_ban}&lt;/h1&gt;
      &lt;/div&gt;
  
  )
  
  export default Heroes;
  </code></pre>
  
  <p>also if I use other tag like <code>&lt;h1&gt;{props.img}&lt;/h1&gt;</code> it shows the image file path. did I miss something that i should include?</p>