我正在为我的网站添加打印当前页面的支持。我的网站是用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组件的正确渲染?
1条答案
按热度按时间tvokkenx1#
通过删除应用程序中使用的自定义字体的重复@font-face定义,解决了此问题。不确定“什么”到底是打破;然而,我确实观察到,当我从控制台调用window.print()时,这个问题也发生了。该问题与react-to-print库无关。