A react-pdf + (削除) react-virtualized (削除ここまで) react-window sample project
npm installnpm run dev,npm run prodornpm run watch
Note: to serve the included sample pdf over http use something like http-server
(削除) Currently there is an issue with react-pdf'sPagecomponent in combination with react-virtualized'sCellMeasurercomponent, where it seemssetState({})is being called after thePagecomponent has been unmounted. This might only be an issue occurring on Chrome browsers, since Firefox doesn't print any warnings about this in the console. (削除ここまで)(削除) Scrolling to a specific row usinglist.scrollToRow()does not seem to work properly. When clicking the button "Page 82" you should be directed to page 70 of the included sample pdf (the page that shows figure 4.2). When you click the "Page 82" button twice it seems you are directed to the right page. Clicking the "Last Page" button twice does not direct you to the right page however. (削除ここまで)(削除) On Firefox the pdf pages are flickering on scroll. This might be solvable by adding the following optimisation toPage(削除ここまで)(削除) Scrolling up/back after scrolling to a page usinglist.scrollToRow()causes jumpy behavior. This might be related? (削除ここまで)(削除) Scrolling usingscrollToItem()of react-window doesn't seem to be working. (削除ここまで)