我可以在React JS中打印表单或表格数据吗？

Question

有没有一种方法可以向我的打印机发送打印命令，以便在react js中打印表格数据。抱歉，这个问题听起来很傻，因为我是新来的。预先感谢。

Answer 1

调用window.print()函数。

print(){
  window.print();
}

要打印当前屏幕或组件时调用此功能

Answer 2

触发浏览器的本机打印行为非常简单：只需在代码中调用window.print()。

然后，您的页面将按原样打印，因此通常应为打印媒体提供CSS特殊字符。 您有两种方法：

• 添加单独的CSS，例如<link rel="stylesheet" href="css/style.css"/>
• 在现有CSS中添加一个@media print：

@media print { … }

您应该在CSS中放入什么？无论您需要什么来修复样式，通常都会使用许多display: none规则来隐藏您不想打印的元素。

最终想法：

• 使用HTML进行打印的跨浏览器并不多：某些浏览器的打印效果优于其他浏览器
• 打印HTML表格充满了警告，例如：Repeat table headers in print mode