Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | import React, { Component } from 'react';
import { Document, Page } from 'react-pdf/dist/entry.webpack';
import resume from './Mauro Colella_Resume_2020.pdf';
import Loader from '../Loader';
import styles from './PDFResume.scss';
class PDFResume extends Component {
state = {
numPages: null,
}
onDocumentLoadSuccess = ({ numPages }) => {
this.setState({ numPages });
}
render() {
const { numPages } = this.state;
return (
<div>
<Document
file={resume}
onLoadSuccess={this.onDocumentLoadSuccess}
loading={<Loader />}
>
{[...Array(numPages).keys()].map(pageNumber => (
<Page
className={styles.document__page}
pageNumber={pageNumber + 1}
loading={<Loader />}
/>
))}
</Document>
</div>
);
}
}
export default PDFResume;
|