react-pdfjs-dist

A react library to render pdf document in html

Install

Install the component using NPM:

1$ npm install --save react-pdfjs-dist

Install the component using YARN:

1$ yarn add react-pdfjs-dist

Usage

1import React, { useEffect, useRef } from 'react';
2import { useReactPdf } from 'react-pdfjs-dist';
3
4const App = () => {
5  const ref = useRef(null);
6  const { renderPdf } = useReactPdf({ containerRef: ref });
7
8  useEffect(() => {
9    renderPdf('http://localhost:3000/sample_document.pdf');
10  }, [renderPdf]);
11
12  return (
13    <div className="App">
14      <div className="pdf-container" ref={ref} />
15    </div>
16  );
17}

License

MIT License