React PDF viewer 是用于查看 PDF 文档的 React 组件，采用 TypeScript 编写，完全基于 React hooks。

特性

• 支持密码保护的文档
• 缩放：支持自定义级别，例如实际大小、页面适合度和页面宽度
• 支持页面间导航
• 支持快速跳转到第一页和最后一页
• 搜索文本
• 预览页面缩略图
• 查看和导航目录
• 罗列和下载附件
• 支持文本选择和手动工具模式
• 支持不同的滚动模式
• 支持全屏模式
• 支持从本地打开文件，用户可以拖放本地文件进行查看
• 下载文件
• 查看文档属性
• 支持 SSR
• 支持打印
• 支持深色模式
• 可访问性

使用

// Core viewer
import { Viewer } from '@react-pdf-viewer/core';

// Plugins
import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout';

// Import styles
import '@react-pdf-viewer/core/lib/styles/index.css';
import '@react-pdf-viewer/default-layout/lib/styles/index.css';

// Create new plugin instance
const defaultLayoutPluginInstance = defaultLayoutPlugin();

<Viewer
    fileUrl='/assets/pdf-open-parameters.pdf'
    plugins={[
        // Register plugins
        defaultLayoutPluginInstance,
        ...
    ]}
/>