1.安装
yarn add react-pdf-js
2.引入
import PDF from 'react-pdf-js';
3.直接显示pdf文件
const pdfurl = require("../components/读后感.pdf");
<PDF file={pdfurl} scale={0.5}/>
4.通过点击按钮显示pdf文件
const pdfurl = require("../components/读后感.pdf");
<Button type="primary" onClick={this.handleBtnQuery}>查看协议</Button>
handleBtnQuery=()=>{
window.open(pdfurl,'_parent')
}
这样就可以了哦!赶快试试吧!
主页传送门