Reactjs 尝试呈现pdf时出现pdf错误
我是个新手 我正在尝试从html创建pdf。我想在浏览器中显示文档,然后可以下载它。我正在使用pdf 我在下面的代码中创建了我的PDF文档,然后我想用PDFViewer显示我的文档。此页面不是我的主“应用程序”页面-它是我可以导航到的“客户端详细信息”页面 当我运行此命令时,会出现以下错误: TypeError:构造“Text”失败:请使用“new”运算符,此DOM对象构造函数不能作为函数调用 错误在这里:renderWithHooks C:/Users/Marileen/Downloads/react material dashboard master(1)/react material dashboard master/node_modules/@react pdf/renderer/node_modules/react reconciler/cjs/react reconciler.development.js:5671,带行Reactjs 尝试呈现pdf时出现pdf错误,reactjs,react-pdf,Reactjs,React Pdf,我是个新手 我正在尝试从html创建pdf。我想在浏览器中显示文档,然后可以下载它。我正在使用pdf 我在下面的代码中创建了我的PDF文档,然后我想用PDFViewer显示我的文档。此页面不是我的主“应用程序”页面-它是我可以导航到的“客户端详细信息”页面 当我运行此命令时,会出现以下错误: TypeError:构造“Text”失败:请使用“new”运算符,此DOM对象构造函数不能作为函数调用 错误在这里:renderWithHooks C:/Users/Marileen/Downloads/r
5671 var children=Component(道具,refOrContext)代码>
从“React”导入React;
从'@react pdf/renderer'导入{PDFViewer};
从“@react pdf/renderer”导入{文档、页面、视图};
const PdfDocument=()=>(
第1节
);
const ClientDetails=()=>{
返回(
);
}
导出默认客户端详细信息;
我尝试了不同的库,安装了babel,但我不知道如何解决Reactjs中的问题
请提供帮助?在查看react pdf的文档后,您似乎还没有从其库中导入文本,您正在组件中使用它
这就是为什么在这一行中使用文本而不导入文本时会抛出错误-
<Text>Section #1</Text>
到-
错误在
中。你从哪里进口的?天哪。我想这是个新手犯的错误。非常感谢你。
<Text>Section #1</Text>
import { Document, Page, View } from '@react-pdf/renderer'; //add Text here//
import { Document, Page, View, Text } from '@react-pdf/renderer';