react显示pdf文件 -- react-pdf

项目需求 前端上传一个pdf文件后, 需要预览此pdf文件, 通过一系列调后端接口, 拿到一个存放该pdf的链接, 根据此链接打开pdf文件 如何操作???

查阅资料得知有个react-pdf

首先需要安装react-pdf包 npm install react-pdf --save

组件引用及使用代码

import React, { Component } from 'react';
import { Document, Page } from './pdf-modules/react-pdf/entry.webpack';
// import { pdfjs, Document, Page } from 'react-pdf'
// pdfjs.GlobalWorkerOptions.workerSrc = `pdfjs/build/pdf.worker.js`;
import { Modal, Pagination, Button, notification } from 'antd';
import 'react-pdf/dist/Page/AnnotationLayer.css' // 加入这个css可以显示pdf中的批注以及连接

export default class ViewPDFModal extends Component {
  state = {
    numPages: 0,
    pageNumber: 1,
  };

  onDocumentLoadSuccess = ({ numPages }) => {
    this.setState({ numPages });
  };

  onLoadError = (error) => {
    notification.error({
      message: '文件损坏无法预览',
    });
    //console.log('--------on