react-to-print

调起浏览器打印功能打印页面指定内容

import ReactToPrint from 'react-to-print';
<ReactToPrint
     trigger={()=><Button>打印</Button>}
     content={()=>this.componentRef}
     //portrait：竖屏打印   landscape：横屏打印   margin：四边的空白大小
     //不同的浏览器，打印展示的效果不一致，需要自行调整，其中谷歌的展示效果是  最好的
     pageStyle={`@page {size:A4 landscape;margin:10mm}`}  
 />
 <div ref={el => (this.componentRef = el)}>
     ///打印的内容，巴拉巴拉小魔仙
 </div>

Contributors

作者:Long Mo

字数统计:118 字

阅读时长:1 分钟

Long Mo

文章作者：Long Mo

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Longmo Docs ！