推荐开源项目：react-pdf-js —— 轻松在React中渲染PDF文档

react-pdf-js 是一个用于在React应用程序中渲染PDF文档的轻量级库。它使用PDF.js作为底层库，并提供了一个React组件来简化集成过程。

以下是如何使用react-pdf-js的示例代码：

首先，安装react-pdf-js和pdfjs-dist（因为react-pdf-js依赖于它）：

npm install react-pdf-js pdfjs-dist

然后，在React组件中使用Document组件来渲染PDF：

import React from 'react';
import { Document, Page } from 'react-pdf-js';
 
function App() {
  return (
    <Document file="your-pdf-file.pdf">
      {
        Array.from(new Array(numPages), (el, index) => (
          <Page key={`page_${index + 1}`} pageNumber={index + 1} />
        ))
      }
    </Document>
  );
}
 
export default App;

在这个例子中，Document组件负责加载PDF文件，而Page组件则用于渲染单个页面。numPages是PDF文档的总页数，你需要根据实际情况预先计算它，或者使用某种方式动态生成页面组件列表。

这个库提供了基本的PDF渲染功能，如果需要更高级的功能，如文本选择、注释等，你可能需要直接使用pdfjs-dist库。