Print a single component in react

Asked Jul 04 '22 at 20:17

Active Jul 04 '22 at 20:17

Viewed 201 times

Hey guys I've tried to create a print button that prints a single component when clicked,when using :

  const onPrint = () => {
    window.print();
  };

yet what's being printed is the entire page.

I have a list of components that contain an image mainly and i want the image to be printed when clicking the button.

Is this possible to do?

asked Jul 04 '22 at 20:17

NewbieAeg

https://stackoverflow.com/questions/6500962/how-to-print-only-a-selected-html-element – PsiKai Jul 04 '22 at 20:27
It still prints the entire list – NewbieAeg Jul 04 '22 at 20:56
1

https://stackoverflow.com/questions/30135387/how-to-print-react-component-on-click-of-a-button – Amirhossein Nouri Jul 05 '22 at 18:29
thanks a lot , i used this library from the answer your gave : https://github.com/gregnb/react-to-print – NewbieAeg Jul 05 '22 at 20:23

0 Answers0