Блог

В настоящее время я работаю над каким-то проектом, который использует @react-pdf / renderer diegomura в качестве генератора pdf, до сих пор я обнаружил, что для динамического заполнения содержимого PDF использовался компонент «BlobProvider» из @react-pdf / renderer.

Тем не менее, blobprovider направляет пользователя на новую вкладку, я просто хочу показать содержимое на той же вкладке, что и Iframe (включить с динамическими изменениями из поля ввода)

Я пробовал использовать iframe, он просто генерирует PDF-документ, я не могу получить динамическое состояние для PDF-документа. Я сохраняю pdf-документ перед классом, поэтому конструктор состояния не может быть передан в указанный выше const

У кого-нибудь есть какие-то решения или когда-либо встречалась подобная проблема? Заранее благодарю вас.

Можете ли вы попробовать это? Я использую это и работает нормально. Он отобразит pdf и вставит на страницу с помощью iframe.

 import { PDFViewer, Document, Page } from "@react-pdf/renderer";

<PDFViewer showToolbar={false}>
    <Document
      author={name}
      title={name}
      subject="Document name"
    >
      <Page size="A4" wrap {...props}>
        ...
      </Page>
    </Document>
</PDFViewer>