/Javascript/React/How to convert react component to image

How to convert react component to image

import { exportComponentAsJPEG, exportComponentAsPDF, exportComponentAsPNG } from 'react-component-export-image';
import React from 'react';

class ComponentToPrint extends React.Component {
 render() {
   return <div>Hello World</div>;
 }
}
export default class MyComponent extends React.Component {
 constructor(props) {
   super(props);
   this.componentRef = React.createRef();
 }

 render() {
   return (
     <React.Fragment>
       <ComponentToPrint ref={this.componentRef} />
       <button onClick={() => exportComponentAsJPEG(this.componentRef)}>
         Export As JPEG
       </button>
       <button onClick={() => exportComponentAsPDF(this.componentRef)}>
         Export As PDF
       </button>
       <button onClick={() => exportComponentAsPNG(this.componentRef)}>
         Export As PNG
       </button>
     </React.Fragment>
   );
 }
}

Source: npmjs.com

Similar codes

4 votes202 views1 answer
Enable emmit on react
Javascript React
0 vote229 views1 answer
React native run android common error
Javascript React
25 votes234 views6 answers
React native shadow android
Javascript React
1 vote245 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
3 votes206 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
0 vote229 views1 answer
React redux open another page
Javascript React
48 votes244 views6 answers
Comment in react
Javascript React
0 vote208 views2 answers
React barcode scanner
Javascript React
0 vote221 views4 answers
Reactnative sliding image
Javascript React
0 vote216 views3 answers
How to get svg from pucblic folder in react
Javascript React