HTMLのメディア要素:のみPCブラウザ
<オブジェクトデータ= "./ SRC-反応/資産/ agreement.pdf" タイプ= "アプリケーション/ PDF"> wrqrq </ OBJECT>
<オブジェクトデータ= "http://front-images.oss-cn-hangzhou.aliyuncs.com/i4/4b8728ba4ebd4e1940277c426473b542-4807827.pdf" タイプ= "アプリケーション/ PDF"> </ OBJECT>
<オブジェクトデータ= "http://www.baidu.com"> </ OBJECT>
<対象>
<IFRAME SRC = "http://front-images.oss-cn-hangzhou.aliyuncs.com/i4/4b8728ba4ebd4e1940277c426473b542-4807827.pdf" スタイル= {{幅: "100%"、高さ "300ピクセル"}}>
</ iframe>の
</オブジェクト>
反応-PDF-JSを:携帯端末のpdfと互換性のあるPCを
'反応-PDF-JS' からインポートするPDF;
輸出デフォルトのクラスXXXは{...拡張します
renderPagination =(ページ、ページ)=> {
せpreviousButton = <LIのクラス名= "前" のonClick = {this.handlePrevious}> <a href="#"> <Iクラス名= "FA、FA-矢印左"> </ I>上一页する</a> </ LI>。
IF(ページ=== 1){
previousButton = <LIのクラス名= "以前の無効"> <a href="#"> <クラス名= "FA FA-矢印左" I> </ I> </a>の</ LI>。
}
せnextButton = <LIのクラス名= "次" のonClick = {this.handleNext}> <a href="#">下一页<Iクラス名= "FA、FA-矢印右"> </ I>する</a> </ LI>。
もし(ページ===ページ){
nextButton = <LIのクラス名= "次の無効"> <a href="#"> <Iクラス名= "FA FA-矢印右"> </ I> </a>の</ LI>。
}
(戻ります
<div>
<ULクラス名= "ポケベル">
{} previousButton
{} nextButton
</ UL>
</ div>
);
}
{レンダリング()
ページネーション= nullをしてみましょう。
IF(this.state.pages){
ページネーション= this.renderPagination(this.state.page、this.state.pages)。
}
ファイル= "./ agreement.pdf"
onDocumentComplete = {} this.onDocumentComplete
ページ= {} this.state.page
/>
{}ページネーション
}
}
ます。https://www.jianshu.com/p/a455869e6661で再現