"react": "^16.13.1" "react-read-pdf": "^2.0.9" 这两个对应版本实测无问题,其他版本有的实测有问题(hook问题)
1、 npm install react-pdf-js
import PDF from 'react-pdf-js'
const PDFUrl=require('../../static/file/test.pdf')
this.state={
page:1,
pages:1
}
onDocumentComplete(pages) {
this.setState({page: 1, pages: pages});
}
<PDF
file={PDFUrl}
onDocumentComplete={this.onDocumentComplete.bind(this)}
page={this.state.page}
/>
翻页设置修改对应page即可