hola, este es el código a continuación, cómo convertir este componente de clase en un componente funcional en React js. Hola, soy nuevo en React js, ¿puede ayudarme a convertir este componente de clase en un componente funcional? Estoy tratando de crear un botón en el que hacer clic debería generar un pdf usando jspdf y jspdf autotable

 import React from 'react'; import jsPDF from "jspdf"; import "jspdf-autotable"; import './App.css'; class App extends React. Component { constructor() { super(); this.state = { people: [ { name: "Keanu Reeves", profession: "Actor" }, { name: "Lionel Messi", profession: "Football Player" }, { name: "Cristiano Ronaldo", profession: "Football Player" }, { name: "Jack Nicklaus", profession: "Golf Player" }, ] } } exportPDF = () => { const unit = "pt"; const size = "A4"; // Use A1, A2, A3 or A4 const orientation = "portrait"; // portrait or landscape const marginLeft = 40; const doc = new jsPDF(orientation, unit, size); doc.setFontSize(15); const title = "My Awesome Report"; const headers = [["NAME", "PROFESSION"]]; const data = this.state.people.map(elt=> [elt.name, elt.profession]); let content = { startY: 50, head: headers, body: data }; doc.text(title, marginLeft, 40); doc.autoTable(content); doc.save("report.pdf") } render() { return ( <div> <button onClick={() => this.exportPDF()}>Generate Report</button> </div> ); } } export default App;