Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 尝试呈现pdf时出现pdf错误_Reactjs_React Pdf - Fatal编程技术网

Reactjs 尝试呈现pdf时出现pdf错误

Reactjs 尝试呈现pdf时出现pdf错误,reactjs,react-pdf,Reactjs,React Pdf,我是个新手 我正在尝试从html创建pdf。我想在浏览器中显示文档,然后可以下载它。我正在使用pdf 我在下面的代码中创建了我的PDF文档,然后我想用PDFViewer显示我的文档。此页面不是我的主“应用程序”页面-它是我可以导航到的“客户端详细信息”页面 当我运行此命令时,会出现以下错误: TypeError:构造“Text”失败:请使用“new”运算符,此DOM对象构造函数不能作为函数调用 错误在这里:renderWithHooks C:/Users/Marileen/Downloads/r

我是个新手

我正在尝试从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,带行
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';