React download pdf

I think the example you have in your question is for server side rendering a PDF with Node. I think it does not have api to download your pdf. Is your pdf from server or local. If it is local you can download it by import pdf from '.. My pdf would be just a rendered component in UI. How do I make this work? Can I save it on the client side or it has to be a server and then the client can download it?

Add a comment. Active Oldest Votes. Improve this answer. When using the above answer, just remember to include View and Text inside the Document component. See here for more info: github. Pankaj Upadhyay Pankaj Upadhyay 2, 17 17 silver badges 22 22 bronze badges. Sign up or log in Sign up using Google. Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Who owns this outage?

Building intelligent escalation chains for modern SRE. Podcast Who is building clouds for the independent developer? Featured on Meta. Now live: A fully responsive profile. Instead of directly importing modules you need from 'react-pdf' , import them like so:. Create React App uses Webpack under the hood, so you can follow Webpack instructions. Standard instructions will also work. In Create React App, you can copy pdf. If you use Browserify or other bundling tools, you will have to make sure on your own that pdf.

If you don't need to debug pdf. For this to work, however, you will need to specify workerSrc manually like so:. If you want to use annotations e. If you want to ensure that PDFs with non-latin characters will render perfectly, or you have encountered the following warning:.

If you use Parcel, Browserify or other bundling tools, you will have to make sure on your own that cMaps are copied to your project's output folder. Now that you have cMaps in your build, pass required options to Document component by using options prop, like so:.

Displays a page. Displays an outline table of contents. Thank you! Thank you to all our sponsors! Thank you to all our backers! Git github. Demo A minimal demo page can be found in sample directory. Before you continue React-PDF is under constant development. Here are quick links to the newest docs from each branch: v4. Keywords pdf pdf-viewer react. Install npm i react-pdf Repository Git github. Homepage github. Fund this package. Downloads Weekly Downloads , Version 5.

License MIT. Unpacked Size kB. Total Files Last publish a month ago. Try on RunKit. Report malware. String: "custom-class-name-1 custom-class-name-2" Array of strings: ["custom-class-name-1", "custom-class-name-2"].

String: "An error occurred! One of valid values for target attribute. What PDF should be displayed. Its value can be an URL, a file imported using import String: "Please wait!