Reactjs 如何在react.js中显示pdf文件

我只是尝试使用react native web为ios、android和web提供示例应用程序。在这里，我必须从服务器下载一个pdf文件，同时单击showpdf按钮，下载的文件需要同时在android应用程序和windows浏览器中打开。对于浏览器下载，我使用了以下代码

 fetch('http://www.pdf995.com/samples/pdf.pdf',{ 
      method: 'GET', 
      mode: 'no-cors',
      responseType: 'blob', // important
    headers: {       
      'Content-Type': 'application/json',
    },})
            .then(response => {
        const url = window.URL.createObjectURL(new Blob([response.data]));
        const link = document.createElement('a');
        link.href = url;
        link.setAttribute('download', item.pdfFileName);
        document.body.appendChild(link);
        link.click();
        this.setState({
          pdf_url:url
        });

下载后，我需要打开这个pdf文件。如果有人知道这一点，请帮忙。谢谢

我建议您查看库，使用它您可以像显示图像一样简单地显示PDF

这里是在线演示

您可以使用

在页面中直接预览PDF，将src属性设置为PDF\u url

window.open（pdf\u url）

也是上面提到的一个选项，但它需要用户关闭adblocker/pop-up-blocker

在

渲染（）中

：

{pdf\u url&&}

---

请参见

窗口。打开（url）；url-这里我想要浏览器下载路径，但此示例显示通过文件夹文件选择打开pdf。但是我想要一个。下载的第一个按钮，2。预览按钮以显示其pdf文件这应该是可接受的答案。非常直截了当地解决了在浏览器中以跨浏览器/js框架/库的方式查看pdf的问题。他确实实施了，而且马上就奏效了。

{pdf_url && <iframe src={pdf_url} />}