@jacktea/pdf-viewer-react

专为 React 应用打造的 PDF 预览与批注组件。

简介

本组件是对 @jacktea/pdf-viewer-component (Web Components) 的一层 React 包装器，使你在 React 生态中享受符合习惯的 Props 传递、事件回调处理和完整的 TypeScript 类型支持。

安装

npm install @jacktea/pdf-viewer-react

yarn add @jacktea/pdf-viewer-react

pnpm add @jacktea/pdf-viewer-react

基础用法

import React from 'react';
import { PdfViewer } from '@jacktea/pdf-viewer-react';

export default function App() {
  const handlePdfLoad = () => {
    console.log('PDF Document has been successfully loaded!');
  };

  return (
    <div style={{ width: '100%', height: '100vh' }}>
      <PdfViewer 
        src="/path/to/your/document.pdf"
        onLoad={handlePdfLoad}
      />
    </div>
  );
}