title: Unable to download the file using reactjs
body: <p>i want to download the file. I could see the file link but when i click on the link the file getting downloaded but couldn't able to open the downloaded file. I couldn't able to figure where i'm going wrong. I'm getting in this way while opening the file.
  <a href="https://i.stack.imgur.com/IsZyD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IsZyD.png" alt="i&#39;m getting"></a></p>
  
  <p><a href="https://i.stack.imgur.com/LxC3g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LxC3g.png" alt="downloaded"></a></p>
  
  <p>Here is the code:</p>
  
  <pre><code> &lt;div&gt;
          &lt;b&gt;File&lt;/b&gt; :{" "}
          &lt;a href="#" onClick={this.FileDownload}&gt;
            {this.state.file}
          &lt;/a&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>Here is the sample code:
  "<a href="https://codesandbox.io/s/dazzling-stallman-wbwvf" rel="nofollow noreferrer">https://codesandbox.io/s/dazzling-stallman-wbwvf</a>"</p>
  
  <p>Can anyone help me in this query?</p>