使用react-pdf在单页中显示2页pdf

问题描述

我想在我的 react 应用程序中显示 2 页我的 pdf 文件，目前它正在显示带有分页的单页，我想要使用 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>
  )
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）