如何将react组件渲染的数据导出为pdf？

Question

我有一个组件视图，其中包含样式为 CSS 的图像、表格和列表。 export/save 是否有一种合法的方法可以查看 pdf 文件？ ctrl+p 并没有真正起作用，因为它通过导航等抓取了整个页面。我正在考虑实施 print 按钮，该按钮将重定向到另一个 "PrintComponentCleanView"，然后从那里执行 ctrl+p。这是一个两步过程。我确信有更好的方法来实现这一点。任何想法表示赞赏。

Answer 1

在现有样式表中添加打印样式：

@media print
{
  .navbar {
    display: none;
  }
  ...
}

为打印添加不同的样式表：

<link rel="stylesheet" type="text/css" media="print" href="style.css">

然后您可以使用 window.print(); 打开“打印”对话框。

如何将react组件渲染的数据导出为pdf？

How do I export the data rendered by react component to pdf?

printing

pdf-generation

reactjs