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