单击链接创建并打开pdf，并显示带有react-pdf的打印按钮

Question

在我的项目中，我需要使用数据创建pdf，这是从Java后端API获取的。

是否可以通过单击带有react-pdf的按钮来创建和打开pdf，并在pdf上显示打印按钮？

我是UI开发的新手，所以如果可能的话，也请让我知道任何参考。

谢谢

Answer 1

在点击按钮上，您将获取数据并将其传递到pdf组件并打开pdf查看器

import React from 'react';
import { PDFViewer } from '@react-pdf/renderer';
import MyDocument from './MyDocument';

const ViewPDF = () => (
  <PDFViewer>
    <MyDocument />//Component which create pdf 
  </PDFViewer>
);

您可以在有按钮的组件中使用ViewPDF组件，并可以有条件地呈现它