react框架下,在頁面內載入顯示PDF文件,關於react-pdf-js的使用註意事項 之前做了一個需求,在註冊賬號的時候,讓用戶同意服務條款, 服務條款是一個PDF文件, 這就需要在react內載入PDF文件的插件了,今天特地做一個總結 我用的版本是4.0.1 然後在頁面內引入 import P ...
react框架下,在頁面內載入顯示PDF文件,關於react-pdf-js的使用註意事項
之前做了一個需求,在註冊賬號的時候,讓用戶同意服務條款, 服務條款是一個PDF文件, 這就需要在react內載入PDF文件的插件了,今天特地做一個總結
我用的版本是4.0.1
然後在頁面內引入
import PDF from 'react-pdf-js';
然後在需要的地方直接使用標簽就行了
page參數是載入的PDF的第幾頁,可以通過更改page的數字完成翻頁的功能
原本的想法是載入所有頁,然後用戶滾動條拉到最下麵才可以點擊同意,但是我查了很多資料沒有發現有什麼辦法可以一次性載入所有頁,所以只能做成了翻頁顯示,到了最後一頁才可以點擊同意
最後效果如下:
翻到最後一頁的時候下一頁變成同意按鈕:
- - - END - - -
