23 行
587 B
React
23 行
587 B
React
![]() |
import React, { useEffect, useState } from 'react';
|
||
|
import { Document, Page} from "react-pdf";
|
||
|
|
||
|
const PreviewPDF = ({pdf_url}) => {
|
||
|
|
||
|
return (
|
||
|
<div className="p-file-for" style={{ height:'400px', marginTop:'15px' }}>
|
||
|
{
|
||
|
pdf_url &&
|
||
|
<Document file={pdf_url} loading={<></>}>
|
||
|
<Page
|
||
|
className={'position-relative'}
|
||
|
pageNumber={1}
|
||
|
height={400}
|
||
|
loading={<></>}
|
||
|
/>
|
||
|
</Document>
|
||
|
}
|
||
|
</div>
|
||
|
)
|
||
|
}
|
||
|
|
||
|
export default PreviewPDF;
|