Button onclick download file react

Email address:. Web Components. JavaScript Show sub menu. JavaScript Answers. JavaScript Basics. JavaScript Best Practices. JavaScript Design Patterns. Object-Oriented JavaScript. Functional Javascript. JavaScript Tips. React Show sub menu. React Answers. React Projects. React Native. NativeScript React. React Tips. React D3. React Ionic. React Bootstrap. React Hooks. Material UI. Storybook for React. Top React Libraries. Shards React. React Suite. Vue Show sub menu.

Vue Answers. Vue 3 Show sub menu. Vue 3 Testing. Vue 3 Projects. Vue Testing. NativeScript Vue. Vue and D3.

Top Vue Packages. Vue Ionic. Ant Design Vue. Chakra UI Vue. Nodejs Show sub menu. Asked 2 years, 8 months ago. Active 8 months ago. Viewed 31k times. But simple href tag doesn't start the download, instead refresh the page. Improve this question. Salitha Indrajith Pathiraja Salitha Indrajith Pathiraja 53 1 1 gold badge 2 2 silver badges 11 11 bronze badges.

Add a comment. Active Oldest Votes. Improve this answer. Lukas V Lukas V 71 4 4 bronze badges. Narendra Chouhan Narendra Chouhan 2, 1 1 gold badge 10 10 silver badges 18 18 bronze badges. Hadi Mir Hadi Mir 2, 1 1 gold badge 18 18 silver badges 27 27 bronze badges. Next we have render function to render the elements of React app. Elements are the building blocks of React apps. As we said in Introduction section that we will give users two options for downloading file using link or using button.

So in this render function we define our HTML elements with button and link to download file. Export the DownloadFile at the end of the DownloadFile class so that you can use this class in other modules, such as, I have used it later in below index.

Notice I had included download. This file is put under the src directory. The download. Update the index. To import a class you must first have to export it as we did for DownloadFile in the last line.

When you click any one of the download options — link or button, then you will see below output on the browser. You can choose any location to save your file. You may also like to read How to download file from server using Angular.

Hello I have implemented an express.