问题标签 [react-pdf]

我正在尝试使用一个 npm 库来帮助我呈现 pdf 文档。我找到了 react-pdf 但它还没有 TypeScript 的类型，所以我正在使用它，如下所示：

但它抛出了这个错误：

元素类型无效：应为字符串（用于内置组件）或类/函数（用于复合组件）但得到：对象。

我在 GitHub 上找到了这个，但对我帮助不大。我去了图书馆的文档，我在文件参数中传递了一个对象，就像他们展示的那样，但同样的错误。我认为是另外一回事。我去了react-pdf库的源代码，我认为这是他们用来从参数中获取文件的函数：

但我怀疑错误就在这里，但我不知道可能是什么。react我使用的版本是 16.8.2 和 4.0.2react-pdf

我正在使用react-pdf-js "^4.0.2"，"react": "^15.6.1"插件在 chrome、firefox 和 IE edge 上运行良好。但它会在 IE 11 上引发网络错误和未处理的承诺拒绝错误。

由于这是我通过 npm 安装的第三方插件，我不确定如何处理并使其适用于 IE11。

https://www.npmjs.com/package/react-pdf-js

这就是我在传递 base 64 数据的反应组件中使用它的方式

有人对此有见解吗？

附控制台截图：

有人可以告诉我如何在新窗口中将 base64 内容呈现为 PDF。下面是我的代码。

在 ReactJS 中，组件在收到 Fetch 响应后不会重新渲染。所以总是在屏幕上看到“正在加载 PDF...”消息

componentDidMount 代码如下，

获取后，不会打印 getData 值（数据）。pdfData 未设置，因为此组件未重新渲染。同时，在getData()中打印出数组值。

使用 react-pdf 库将返回的数据呈现为 pdf

getData 在下面给出，

我设法生成了 pdf 文档并将其显示在页面上，但我正在努力设置一个下载它的选项。

是否可以设置点击此处下载文档？

请参考以下代码：

先感谢您。

由于 react-pdf 库提供了一些有限的组件，并且不允许在 reactpdfrenderer 中呈现 html 标签。所以我在使用这个库制作表格时遇到了麻烦？谁能帮助我如何使用这个 react-pdf 库组件创建一个表格？

我正在创建一个 react web 应用程序，其中必须创建一个下载按钮，该按钮在客户端创建 pdf 并下载 pdf，我正在使用 react-pdf/renderer 库来完成此任务，我已经成功实现了这个示例，我使用了这个库的 PDFDownloadLink 组件，当我将这个库直接渲染到 ReactDOM.render 中时，它工作正常，但是当我尝试在 JSX 元素中使用相同的代码时它不起作用..我我发布了我的两个代码..

应用程序.js

我已经尝试过了，这工作正常..

index.js

我想实现这一点，但得到错误..

下载Button.js

我正在下载一个 pdf 文件，我想在 pdf 中添加一个表格。但是，我无法做到这一点。我正在使用 react-pdf 库，但无法获得所需的结果。

我正在尝试在我的 reactjs Web 应用程序中使用 react-pdf 将一个 pdf 页面制作为一个 base64 图像。

我已经尝试了我所知道的一切将图像制作为 A4 大小的图像并完全填充图像，以便一张图像在 react-pdf 中作为一整页出现

我试过宽度：100%，高度：100%，对象填充，试图增加尺寸。但到目前为止我没有成功。现在，图像位于中心，并没有到达页面的所有角落。

预期输出：使用 react-pdf 将一张图像作为 pdf 中的一页出现。

实际结果：一张图片使用 react-pdf 出现在页面中间，并且在所有四个边上都有很多边距

非常感谢您的帮助。对此，我真的非常感激