javascript - 使用 react-pdf 在单页中显示 2 页 pdf
问题描述
我想在我的反应应用程序中显示我的 pdf 文件的 2 页,目前它正在显示带有分页的单页,我想要使用 react-pdf 进行分页的 2 页
import React, { useState } from 'react'
import { Document, Page } from 'react-pdf'
import sample from '../../components/a.pdf'
import { Button } from 'antd'
function MyApp() {
const [numPages, setNumPages] = useState(null)
const [pageNumber, setPageNumber] = useState(1)
function onDocumentLoadSuccess({ numPages }: any) {
setNumPages(numPages)
}
return (
<div>
<Document file={sample} onLoadSuccess={onDocumentLoadSuccess}>
<Page pageNumber={pageNumber} />
</Document>
<p>
Page {pageNumber} of {numPages}
</p>
<Button
onClick={() => setPageNumber(prevState => prevState - 1)}
disabled={pageNumber == 1 ? true : false}
>
Prev page
</Button>
<Button
onClick={() => setPageNumber(prevState => prevState + 1)}
disabled={pageNumber == numPages ? true : false}
>
Next page
</Button>
</div>
)
}