小编Eri*_*dre的帖子

https://www.npmjs.com/package/react-pdf

我正在使用这个包来尝试显示 PDF 文件。

这是我当前显示的 PDF：

https://i.stack.imgur.com/uF4ER.png

正如你在这个屏幕截图中看到的，

https://i.stack.imgur.com/XSBE3.png

从 PDF 中提取文本并显示在 PDF 图像下方。我不想要这个。我只想要PDF。

这就是它在开发检查器中的样子

https://i.stack.imgur.com/Jb3x0.png

有一个我不想包含的“react-pdf__Page__textContent”类。我已经尝试创建一个 CSS 类并且不显示这样的内容：

  .react-pdf__Page__textContent{
    display: none;
  }

但这不起作用，文本仍然出现。

我不知道文本来自哪里，因为我没有在代码中的任何位置包含“textContent”。这是我用来渲染 PDF 的代码。

pdf.js

import SinglePagePDFViewer from "../components/pdf/single-page";
import samplePDF from "../components/pdf/diy-find_mac_address.pdf";

  <>
    <Navbar />
    <div className="pdf-wrapper">
      <div className="pdf-viewer">
        <SinglePagePDFViewer pdf={samplePDF} />
      </div>
    </div>
  </>

单页.js

import React, { useState } from "react";
import { Document, Page } from "react-pdf";

export default function SinglePage(props) {
  const [numPages, setNumPages] = useState(null);
  const [pageNumber, setPageNumber] = useState(1); //setting …