React to PDF Printing | React Tutorial

We will learn how to convert anything inside React component into PDF file and be able to print. Let's find out, guys!

Hong Ly Tech

Websites used in this video

COVID-19 Live Now URL

GitHub Repo

#react #pdf #printing

[DimplesU]

Exactly what I needed. Is there a way to have that little print icon that usually wraps around a window of a component?

[kdgyimah]

Thanks for the tutorial, I got the same result with {window.print()}.
Is there a way to save the PDF file into the state? I want to submit the file to the backend on generation

[AjayKumar-jxqb]

Just wondering if there is a way to add page number and table of contents for larger content. Thank.

[tbtester]

What if we already have an app written with functional components? The above doesn't work.

[StephenArpad]

How can i reduce the whole content inside the printing page?
I tried overloading the pageStyle prop, but for some unkown reason to me, it's not doing anything.
Any ideas?
Thanks

[Deepak-yevt]

Nice explanation with less time.Great Job sir.

[chiragprajapati]

hey nice, but what if I want to add some header to print but I don't want to show it on component

[VishalPatel-hlir]

I want to create an Invoice on button click & export same invoice in pdf. Can you please help me to do the same ?

[HARSHify]

Thanks buddy, you're a saviour!!

[sayantansaha]

if i need to change that printing page style, how to set that ? for an example in my webpage there is an auto generated qrcode, and i want to print that only & also i want that QR-image printed in the middle of that a4.please help!!

[yuribaldini]

Thanks for sharing!! It was really helpfull.

[istvanerdos]

Hey! Thanks for sharing this! Do you have any idea about how I could print a table with scrollable content? I've tried to set it to landscape mode, but it does not work for me.

[Fattpiu]

What happens if my printer is out of ink or out of paper?
Is there a way to capture that?

[RyuAdventures]

Nice tutorial I have a question, Does it works inside a React+Electron APP ?

[kacperkepinski]

can i add something as a footer for every page?

[gangaprasadk]

Thanks for the tutorial. Its great. Can we make ComponentToPrint as a functional component instead of class component. Also, can we print directly without the Print Dialog.

[Jay-bhke]

Does it support print all tab content instead of active tab

[abubakarwaqas]

Pdf is creating but when I tried to select text than it was not select ? please can you tell me what is the reason. Thanks advance

[ahmaat]

Can I use with hooks because it's giving me an error that needs only class-based components?

[mrskrish]

Any possibility to specify where to page break