我们知道，window.print()可以调起打印功能，但是直接用window.print()如果直接打印的话，没有样式，而且默认打印的是整个网页的内容。解决的方法可以用iframe方式引入需要打印的区域，并把样式添加进去，然后把iframe标签定位到看不到的地方去。搜了一下，已经有人造好了轮子，react-to-print插件就是这么做的。

一.使用方法

下载 

npm install --save react-to-print

引用 

import ReactToPrint from 'react-to-print';

调用

 //触发按钮
 <ReactToPrint
          trigger={() => <a href="#">点此打印</a>}
          content={() => this.componentRef}
        />
  //打印内容
  <div ref={el => (this.componentRef = el)}>
            ....内容
  <div/>

二.组件参数

<ReactToPrint />

该组件接受以下参数（注意：?表示可选参数）：

链接: https://fly63.com/article/detial/5918