Ant design pro常用(3):ant design pro实现打印

1.安装插件

npm install --save react-to-print

2.插件引入

import ReactToPrint from 'react-to-print';

3.插件使用

<ReactToPrint 
     trigger={()=><Button type="primary" size='large'>打印</Button>}
      content={() => this.componentRef}
/>
//要打印的内容
 <div ref={el => (this.componentRef = el)}>
     ......
 </div> 

常见问题:

 如果出现两页，想只要一页
 @page {
  size: auto;
  margin:0 20mm;
}