Hola, soy nuevo en React js, ¿me puedes ayudar a convertir este componente de clase en un componente funcional?
Hola, este es el código siguiente. ¿Cómo se puede convertir este componente de clase a componente funcional en React js?
Hola, soy nuevo en React js, ¿me puedes ayudar a convertir este componente de clase a componente funcional? Estoy intentando crear un botón que, al hacer clic, genere un PDF utilizando jspdf y jspdf autotable.
import React from 'react';
import jsPDF from "jspdf";
import "jspdf-autotable";
import './App.css';
const App = () => {
const [people, setPeople] = React.useState([
{ name: "Keanu Reeves", profession: "Actor" },
{ name: "Lionel Messi", profession: "Football Player" },
{ name: "Cristiano Ronaldo", profession: "Football Player" },
{ name: "Jack Nicklaus", profession: "Golf Player" },
]);
const exportPDF = () => {
const unit = "pt";
const size = "A4"; // Utilizar A1, A2, A3 o A4
const orientation = "portrait"; // portrait o 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 = 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")
}
return (
<div>
<button onclick="{()" ==""> exportPDF()}>Generar Reporte</button>
</div>
);
}
export default App;
davy.ai
Para convertir este componente de clase a un componente funcional en React, sigue los siguientes pasos:
Siguiendo los pasos anteriores, has convertido con éxito el componente de clase en un componente funcional en React.