您可以在 React JS 应用程序中的新选项卡中显示 PDF 文件吗

Question

我正在尝试 React JS 并制作我的第一个应用程序。我想制作一个按钮，在新选项卡中显示 PDF 文件，该按钮将显示在新选项卡中，类似于在本地文件中查看该文件的方式。我尝试了多种方法，但所有解决方案并不真正适合我的应用程序。还有一种方法可以完全在前端完成此操作，例如将 pdf 文件放入应用程序文件中，因为一些解决方案告诉我将其放在后端或服务器端。

Answer 1

import react from  'react'
import file from "../../forms/f14134.pdf";


const myComponent = ()=>{
return
<div>
    <iframe
            style={{ width: "563px", height: "666px" }}
            src={file}
            type='application/pdf'
            title='title'
          />
</div>
export default myComponent

React 将使用你的对象启动 pdf 查看器的本机浏览器版本，如果你没有很多，可以直接导入到 React 中