Question

我有一个React组件，其中包含一个用于打印内容的按钮，其中一个onClick调用window.print（），如下所示（我删除了所有不相关的代码）。

class HeaderComponent extends PureComponent {

  handlePrintAll = () => {
    window.print();
  };

  render() {
    return (
      <div>
        <span className="p10 show-hidden" key="print" onClick= 
        {this.handlePrintAll}>
          <a className="cursor inblock">
            <svg className="is-24 sameline alignmiddle"
            dangerouslySetInnerHTML={{ __html: '<use 
            xlink:href="/images/sprite-new.svg#print" />' }}/>
            <span className="inb-vmid  ml10 mr10">Print</span>
          </a>
        </span>
        <PrintTemplate />
      </div>
    );
  }

但是，每当我点击上述按钮，然后弹出打印窗口时，现有的打开套接字连接（这是应用程序使用的东西）断开连接，在我什么都不做一两分钟之后就保持打印预览窗户打开。但是，当使用键盘快捷键（ ctrl + p ）启动相同的打印窗口时，不会发生此问题，并让闲置相同的持续时间甚至更长时间。尝试删除我正在使用的帮助程序库以不同的方式为打印设置样式，但无济于事。问题显然不是源于打印助手，在这种情况下是'react-print'，而是window.print（）本身。

而且，整个文件或组件都没有以任何方式使用开放套接字连接。

任何帮助将不胜感激。感谢

调用window.print（）会关闭打开的套接字连接，而ctrl + p可以正常工作

0 个答案: