1.下载依赖包
代码如下(示例):
npm install react-pdf
2.引入依赖包
代码如下(示例):
import {
Document, Page } from 'react-pdf';
2.预览pdf
代码如下(示例):
//pdf展示
<Document
file={
this.state.PDFBlob} //文件路径或者base64
// onLoadSuccess={onDocumentLoadSuccess} //成功加载文档后调用
onLoadError={
console.error} //加载失败时调用
renderMode="canvas" //定义文档呈现的形式
loading="正在努力加载中" //加载时提示语句
externalLinkTarget="_blank"
>
<Page width={
800} pageNumber={
1} scale={
1}/>
{
/* //scale 呈现的比例 */}
</Document>
//获取后端返回的文件流
YLPDF = (oddNum) => {
this.setState(