title: Import image dynamically in React component
body: <p>I have an Articles component that shows a blog page with listed articles.</p>
  
  <pre><code>render() {
      const articles = {
          ...this.state.articles
      }
  
      const article = Object.keys(articles).map(cur =&gt; {
          return &lt;Article
              key={this.state.articles[cur].id}
              imgName={this.state.articles[cur].thumb}
              title={this.state.articles[cur].title}
              meta={this.state.articles[cur].meta}
              clicked={() =&gt; this.detailedHandler(this.state.articles[cur].id)}
              detailed={this.state.articles[cur].detailed} /&gt;
      });
  </code></pre>
  
  <p>As you can see I pass image name with props to Article component.
  I want then to display the appropriate image for each article.</p>
  
  <p>How do I import an image in Article component based on the props I receive (props.imgName) from Articles component?</p>