Reactjs 如何从React生成PDF？

我打算在React.JS中使用jsPDF库，但它出现了错误，如果有人收到我的查询，请告诉我。我已经尝试了两天多了，但我做不到。

第1步：

Package.json 依赖关系

“jspdf”：git://github.com/MrRio/jsPDF/#76edb3387cda3d5292e212765134b06150030364“

这是因为npm的jspdf不起作用

步骤2：

添加打印功能：

onPrint（）{
const{vehicleData}=this.props.parkedVehicle；
常数{
车牌号：，
最长时间，
输入日期时间，
退出日期时间，
有效期，
地址1，
地址2，
城市
国家,，
齐普，
国家,，
停车场状况
}=车辆数据；
var pdfConverter=require（'jspdf'）；
//var转换器=新的pdfConverter（）；
//var doc=converter.jsPDF（'p'，'pt'）；
var doc=新的pdfConverter（'p'、'pt'、'c6'）；
文件setFontSize（22）；
文件文本（20、50，‘公园入场券’）；
文件setFontSize（16）；
文件文本（20,80，'地址1:'+地址1）；
文件文本（20100，“地址2:”+地址2）；
文件文本（20、120，‘输入日期和时间：’+输入日期和时间）；
文件文本（20140，‘到期日期和时间：’+退出日期和时间）；
doc.save（“test.pdf”）；
}

---

它对我来说很好。

我们现在也可以将React组件直接转换为pdf

想法是通过以下转换传递渲染的react： DOM->CANVAS->PNG->PDF

对于DOM到画布，我们可以使用html2canvas库。画布到PNG是直接的。从PNG到PDF，我们可以使用jsDom

---

我已经发布了一个答案，解释了更多细节和代码示例。

您也可以使用html2pdf.js npm而不是jspdf。它很容易使用，而且没有bug

---

虽然它在内部使用jspdf

是的，但您可以上传您正在使用的示例代码。您尝试了什么？什么样的错误？已解决，请查看解决方案。另请参阅：通过此方法可以复制创建的pdf上的文本？使用此方法，pdf由图像构成，因此文本不可选择。如果2019年有人看到此问题，我将尝试使用此代码，但它表示“道具”未定义。