我正在尝试在我的网络应用程序中实现 react-pdf

问题描述

我正在构建一个 React Web 应用程序项目，我希望它能够显示来自链接或本地存储的 pdf，所以我使用的是 react-pdf (https://www.npmjs.com/package/react-pdf) 库 这是我的代码

import React,{ useState } from "react";
import SideNav from "./SideNav";
import UserBio from "./UserBio";
import "../CSS/Notes.css";
import { Document,Page } from "react-pdf";
import samplePdf from "../Web_Services_Hacking_and_Hardening.pdf";

function Notes() {
  const [numPages,setNumPages] = useState(null);
  const [pageNumber,setPageNumber] = useState(1);

  function onDocumentLoadSuccess({ numPages }) {
    setNumPages(numPages);
  }
  return (
    <div className="notes">
      <div className="notes__sideNav">
        <SideNav />
      </div>
      <div className="notes__main">
        <p>this is notes</p>

        
          <Document file={samplePdf} onLoadSuccess={onDocumentLoadSuccess}>
            <Page pageNumber={pageNumber} />
          </Document>
        
        <p>
          Page {pageNumber} of {numPages}
        </p>
      </div>

      <div className="notes__userBio">
        <UserBio />
      </div>
    </div>
  );
}

export default Notes;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）