react-doc-viewer
react-doc-viewer copied to clipboard
Page rerender making empty document viewer
The document viewer is a child element of a page, when the page loads initially the document viewer is working perfect. Refer the screen shot #1.
The page state modification will trigger the re render cycle, at this time document viewer is becoming empty refer the screen shot # 2.
Screen shot #1 :
Screen Shot #2:
const docs = [
{ uri: require('./lorem-ipsum.pdf'), fileType: 'pdf' },
{ uri: require('./loremipsum.pdf'), fileType: 'pdf' },
];
<DocViewer
documents={docs}
pluginRenderers={DocViewerRenderers}
config={{ pdfVerticalScrollByDefault: true }}
/>
Question 2: Is there any way setPageNumber directly and how to know the total number of pages.
Please provide some help or comments.
Please refer to this, using key should rerender the viewer. https://github.com/cyntler/react-doc-viewer/issues/161