H5页面预览PDF文件（react项目为参照）

1、引入react-pdf包

yarn add react-pdf

或者

npm install react-pdf --save

2、项目引入react-pdf

import { Document, Page, pdfjs } from 'react-pdf'

pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`

3、运用

<Document
    file={cytfa}
    onLoadSuccess={this.onDocumentLoadSuccess}
    page={pageNumber}
>
                    
    <Page pageNumber={pageNumber} />
</Document>

onDocumentLoadSuccess = numPages => {
    // numPages是总页数
    this.setState({ pageNumber: numPages })
    console.log(numPages)
}