[FIXED] How do I create a download file link in React?

Issue

I have a question, I'm working on a project of my own, and I've set up some buttons in React, but when I click on my download button I get back nothing but my website. How do I fix this?

Here's the code for my button:

<Button className="resume__Button2" to="" download="./files/Chris_Warren.pdf" component={Link}>My Resume</Button>

Any ideas?

Solution

when you are using React Router, you have to use this:

<Link to="/files/Chris_Warren.pdf" target="_blank" download>Download</Link>

or Button. both of them is possible but you have to note that "/files/Chris_Warren.pdf" is inside your public folder.

Answered By - shahed mahmoudi
Answer Checked By - - Clifford M. (ReactFix Volunteer)