react如何在线查看pdf文件

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')
}

这样就可以了哦！赶快试试吧！
主页传送门