javascript NPM react-to-print无法呈现文本

dfty9e19  于 2023-06-20  发布在  Java
关注(0)|答案(1)|浏览(123)

我正在为我的网站添加打印当前页面的支持。我的网站是用React Js构建的。我正在使用'react-to-print',一个NPM模块,来打印当前页面。我正在按照这个page的指示操作。我观察到一个间歇性问题,即文本未打印。看起来像这样:

下面是我对React-to-print UI组件的调用:

<ReactToPrint
  documentTitle={title || ''}
  content={onPrint}
  onAfterPrint={onAfterPrint}
  onBeforeGetContent={onBeforePrint}
  removeAfterPrint
  copyStyles
  trigger={() => (
    <div className="pdf-button">
      <div className="pdf-trigger">
        <PictureAsPdfOutlined />
        <div className="text">PDF Download</div>
        </div>
      </div>
    )}
  />

我试过删除'removeAfterPrint'属性和许多不同的调用,但没有成功。这个库是否会阻止React UI组件的正确渲染?

tvokkenx

tvokkenx1#

通过删除应用程序中使用的自定义字体的重复@font-face定义,解决了此问题。不确定“什么”到底是打破;然而,我确实观察到,当我从控制台调用window.print()时,这个问题也发生了。该问题与react-to-print库无关。

相关问题