如何将react组件呈现的数据导出为pdf？

Question

我有一个组件视图，其中包含使用CSS设置样式的图像，表格和列表。是否有合法的方法将该视图导出/保存为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();打开“打印”对话框。