Running into an issue with using a ref to access the methods.
(PS thanks for the project.. good stuff)
import React, { useState, useRef, useEffect } from 'react';
import HTMLFlipBook from 'react-pageflip';
const App = () => {
const [currentPageNum, setCurrentPageNum] = useState(0);
const [totalPages, setTotalPages] = useState(0);
const bookRef = useRef();
const onPageTurn = (e) => {
setCurrentPageNum(e.data);
}
useEffect(() => {
if (bookRef && bookRef.current) {
setTotalPages(bookRef.current.pageFlip().getPageCount()); // throws error b/c pageFlip() returns undefined!
}
}, [bookRef]);
return (
<HTMLFlipBook width={300} height={500} ref={bookRef}>
<div className="demoPage">Page 1</div>
<div className="demoPage">Page 2</div>
<div className="demoPage">Page 3</div>
<div className="demoPage">Page 4</div>
</HTMLFlipBook>
);
};
export default App;