Reactjs 反应JS+；PDFKit

我试图理解如何让PDF工具包在React JS中工作

我的简单要求是使用ReactJS和PDFKit在浏览器中呈现文件

看看这些教程，有一些PDFKit可以在浏览器中使用的选项的参考资料，但是不清楚这将如何应用于React JS，尤其是基于Create React App的项目中

有没有人遇到过基于Create React App的React JS和PDFKit的工作示例

---

今晚谷歌似乎缺少答案。

我设法找到了答案

它是和的组合

但仅提供概述/关键代码。在我的react应用程序中，我有以下内容（向我的API服务器发出post请求）：

{
const{u id}=记录；
获取（`/api/pdf`{
方法：“POST”，
标题：{
“内容类型”：“应用程序/json”，
},
正文：JSON.stringify({
文件名：“测试”，
内容：“测试内容”
}),
})。然后（异步res=>{
如果（资源状态===200）{
const blob=wait res.blob（）；
const file=new Blob(
[blob]，
{type:'application/pdf'}
);
//从该文件生成URL
const fileURL=URL.createObjectURL（文件）；
//在新窗口上打开URL
window.open（fileURL）；
}
})
>    
下载

在API服务器（node express应用程序）中，我有：

constpostmethod=（）=>async（请求、恢复、下一步）=>{
const doc=新的PDF文档（）
让filename=req.body.filename
//剥离特殊字符
filename=encodeURIComponent（文件名）+'.pdf'
//将响应设置为“附件”（下载）。
//如果您在此处使用“内联”，它将自动打开PDF
res.setHeader（'Content-disposition'，'attachment；filename=“”+filename+”）
res.setHeader（'Content-type'，'application/pdf'）
const content=req.body.content
文件y=300
文档文本（内容，50，50）
文件管道（res）
文件末尾（）
}

我正是想这样做的（在使用create-React-app引导的React-app中进行PdfKit客户端渲染）。我使用和成功地使其工作

---

我也有同感，我找不到关于如何在react项目中实现它的文档。如果您使用的是webpack，显然这可以通过使用名为“transform loader”的包来实现