在 PDF 层内使用具有事件属性(如输入、按钮等)的 react-pdf-viewer 库元素无法正常工作

问题描述 投票:0回答:0

目前正在验证react-pdf-viewer应用测试提供的例子,遇到如下问题

在pdf层内插入input、button等事件行为的元素和组件时,无法正常工作

示例代码:

<div className="renewal_100" style={pdfHeight(signComptAt, windowSize.width)}> <div id="pdfView" className="Test__container__content__document" style={pdfStyle(type, signComptAt, windowSize.width, webScale)} ref={compElementPdfRef} scale={scales} // onWheel={wheelHandler} > <Worker workerUrl={'https://unpkg.com/pdfjs-dist@${pdfjsVersion}/build/pdf.worker.min.js'}> <Viewer fileUrl={url} defaultScale={1.2} onDocumentLoad={handleDocumentLoad} pageLayout={pageLayout} renderPage={RenderPage} // renderPage={(renderPageProps) => <CustomPageLayer renderPageProps = {renderPageProps}/>} // plugins={[customCanvasPluginInstance,]} // plugins={[scrollModePluginInstance]} > </Viewer> <CompInfoList onRemove={onRemove} onUpdate={onUpdate} docData={docData} pageData={pageData} handleBackdropClose={handleBackdropClose} /> </Worker> </div> </div>

环境: 反应:18.2.0 网络包:5.75.0 pdfjs-dist:3.3.122 react-pdf-viewer/核心:3.11.0

我尝试使用 renderPage 选项将它直接嵌入到查看器中,以及官方文档必须提供的所有其他内容,但我无法让它工作。 任何帮助将不胜感激。

reactjs pdf pdf.js
© www.soinside.com 2019 - 2024. All rights reserved.