title: ReactJS: How to properly link to a download file?
body: <p>I have a <code>manual.pdf</code> file that I need to attach to my document.
  The conventional wisdom would be to link the file source in the <code>href</code> attribute of an <code>&lt;a&gt;</code> tag:</p>
  <pre><code>&lt;a href=&quot;../assets/img/manual.pdf&quot; download&gt;Manual&lt;/a&gt;
  </code></pre>
  <p>React seems to not like it, I assume. <strong>Failed-No file</strong> error is given upon click on the <code>&lt;a&gt;</code> tag.</p>
  <p>When it is an <code>&lt;img&gt;</code> tag with a local file, I would import the source <code>import logo from '../assets/img/logo.svg';</code>, then pass it to the <code>src</code> attribute like so <code>&lt;img src={logo} alt=&quot;brand logo&quot; /&gt;</code>.</p>
  <ul>
  <li>I tried it - no use.</li>
  <li>giving the absolute path - no use.</li>
  <li>giving a relative path - no use.</li>
  </ul>
  <p>It seems that it does not work the same way with <code>&lt;a&gt;</code> tags.
  How do I properly link local files in a React Project?</p>
  <p>P.S. I have heard of React routes, but I am not linking to any page, it is for downloading a file.</p>