Save React Component as png, jpeg, or PDF
Published in
3 min readFeb 6, 2022
Simple but useful functionality to have when creating React components is the ability to save a component as an image or as a PDF.
Sure your users can just take a screenshot of the current screen or you could just add a window.print
,
<button type="button" onClick={() => {
window.print();
}}>Print</button>
however, adding a png, jpeg, or better yet pdf to the app menu makes it more convenient for the users or for some less savvy users that don’t know how to save images.