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; |