title: How to load html file into iframe element in React?
body: <p>I want to load a local html file into an <strong>iframe</strong> element in React. I followed the accepted answer on <a href="https://stackoverflow.com/questions/42393063/load-local-html-on-iframe">this question</a>, but it doesn't work. </p>
  
  <p>The folder structure in my project is like below:</p>
  
  <ul>
  <li>src
  
  <ul>
  <li>components
  
  <ul>
  <li>myIframeComponent.js</li>
  </ul></li>
  <li>testHTMLFiles
  
  <ul>
  <li>index.html</li>
  </ul></li>
  </ul></li>
  </ul>
  
  <p>Iframe element looks like this:</p>
  
  <pre><code> &lt;iframe
     src="../testHTMLFiles/index.html"
     height="100%"
     width="100%"
     frameBorder="0"
   /&gt;
  </code></pre>
  
  <p>What am I missing?</p>