react-pdf onItemClick 不工作

Question

我正在使用 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>

Answer 1

下面是我最终得到的解决方案。

我在文档和页面之间放置了一个 div 并向 div 添加了点击事件。

   <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 问题跟踪器。

enter link description here

仍然开放

react-pdf onItemClick 不工作

react-pdf onItemClick is not working

pdf.js

reactjs

react-pdf