如何将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(); 用于打开“打印”对话框。