title: Create a loop to import files dynamically in React
body: <p>Consider I have a folder with <code>.md</code> files like this:</p>
  
  <pre><code>/static/blog/
    example_title.md
    another_example.md
    three_examples.md
  </code></pre>
  
  <p>and I have an array including all titles:</p>
  
  <pre><code>const blogEntries = ["example_title", "another_example", "three_examples"]
  </code></pre>
  
  <p>in my component I want to <code>import</code> all of them, notice that there could be fewer or more. </p>
  
  <p>Is there any way to dynamically import them similar to:</p>
  
  <pre><code>for (let entry in blogEntries) {
    import `Markdown_${entry}` from `/static/blog/${entry}.md`
  }
  </code></pre>
  
  <p>and later in my render I can do:</p>
  
  <pre><code>&lt;Markdown_three_examples /&gt;
  </code></pre>
  
  <p>the above obviously would not work, but I'm looking for a way to achieve similar.</p>