我正在使用react-pdf来显示pdf文档。当我们单击页面时,我正在显示页面预览我在单独的部分中显示页面内容。为此,我使用onItemClick事件。但哪个没有被触发。
以下是代码示例
onPageClick = ({ pageNumber }) => {
alert('Clicked an item from page ' + pageNumber + '!')
}
let display = [1,2,3,4,5].map((page, index) => {
return (<Page key={index} onItemClick={this.onPageClick} pageNumber={index + 1} scale={1.0} width={100} />)
});
<Document file={this.state.fileDatapdf}
> {display}</Document>
答案 0 :(得分:0)
以下是我最终得到的解决方案。
我在文档和页面之间放了一个div,并在div中添加了click事件。
<Document file={file}
loader={loader}
onItemClick={this.onPageClick}
onLoadSuccess={this.onDocumentLoad}>
<div className='highlighed-pdf'>
<Page onItemClick={this.onPageClick} pageNumber={this.state.openedPageNo} scale={2} width={480} />
</div>
</Document>
希望这会有所帮助:)
这是github问题跟踪器。
仍然是开放的