如何在 react.js 中直接下载 pdf url？

【问题标题】：How to download pdf url directly in react.js?如何在 react.js 中直接下载 pdf url？
【发布时间】：2021-08-19 02:20:25
【问题描述】：

我不想在点击下载时显示pdf文件，只想直接下载文件。

                  <Link
                      target="_blank"
                      href="http://www.africau.edu/images/default/sample.pdf"
                      download="http://www.africau.edu/images/default/sample.pdf"
                    >
                      Download
                    </Link>

【问题讨论】：

下载或在浏览器中打开由http响应的header属性“Content-Disposition”决定；
我可以改变它吗？

标签： javascript reactjs react-redux

【解决方案1】：

您可以简单地对useEffect 中的a 标签做出反应并对其执行点击操作。

import React, { useEffect } from "react";

export default function App() {
  useEffect(() => {
    const link = document.createElement("a");
    link.href = "https://www.clickdimensions.com/links/TestPDFfile.pdf";
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  }, []);

  return (
    <div className="App">
      <h1>PDF</h1>
    </div>
  );
}

【讨论】：