react

react

从后端查询出的http路径使用实现在线查看
官方文档

安装

npm install react-pdf

引入

import { Document, Page } from 'react-pdf';
import { pdfjs } from 'react-pdf';
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

正文

import React, {useEffect, useState} from "react";
import { Document, Page  } from  'react-pdf';
import Pagination from "antd/es/pagination";
import { pdfjs } from 'react-pdf';
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;const PDFViewer = (props) => {const {alreadySrc} = props; //父组件传来的路径const [page, setPage] = useStat