时间戳

首页 > 解决方案 > 单击链接创建并打开pdf并使用react-pdf显示打印按钮

java - 单击链接创建并打开pdf并使用react-pdf显示打印按钮

问题描述

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

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

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

谢谢

标签： javareactjsreact-pdf

解决方案

在单击按钮上，您将获得数据，您可以将该数据传递给您的 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在有按钮的组件中使用组件，并且可以有条件地呈现它

推荐阅读