/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

1 vote378 views1 answer
Programmatic title react
Javascript React
0 vote406 views1 answer
Back press subscriptions i is not a function react native
Javascript React
0 vote367 views1 answer
How react work
Javascript React
112 votes443 views10 answers
React
Javascript React
1 vote394 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote401 views1 answer
How to declare a variable in react
Javascript React
0 vote384 views1 answer
How to get the data from clicking on notification on web in reactjs
Javascript React
0 vote450 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
0 vote406 views1 answer
React native run-android --release
Javascript React
1 vote383 views2 answers
React toastify
Javascript React