Question

我设法生成了pdf文档并将其显示在页面上，但是我正在努力设置下载它的选项。

是否可以设置类似单击此处以下载文档的内容？

请参考以下代码：

import React, {Component} from 'react';
import { PDFViewer } from '@react-pdf/renderer';
import FeeAcceptance from '../Pdfgenerator/FeeAcceptance'

class AcceptFees extends Component {

  render () {
      return (
          <>
              <PDFViewer>
                  <FeeAcceptance member_detail={'test'} />
              </PDFViewer >

              <h1>click<a href="?????"> here </a>to download the document</h1>
          </>
      );
  }
}

export default AcceptFees;

谢谢。

Answer 1

如果您遇到相同的问题，我发现有帮助。将PDFViewer替换为以下代码：

<PDFDownloadLink document={<FeeAcceptance />} fileName="fee_acceptance.pdf">
  {({ blob, url, loading, error }) => (loading ? 'Loading document...' : 'Download now!')}
</PDFDownloadLink>

https://react-pdf.org/components

@ react-pdf / renderer。如何生成和下载PDF

1 个答案: