gpt4 book ai didi

html - 通过单击 ReactJS 中的按钮下载文件

转载 作者:行者123 更新时间:2023-12-04 14:41:02 27 4
gpt4 key购买 nike

我有一个用 ReactJS 构建的网站,我想让访问者下载一​​些文件(PDF、DOC 等)。

但简单href标签不会开始下载,而是刷新页面。

<Button
href="src/assets/files/exampleDoc.pdf"
color="transparent"
target="_blank"
className={classes.navLink}
>


  • 为什么href标签在 reactJS 中无法下载文件?
  • 如何使用按钮使用 ReactJs 下载文件?
  • 最佳答案

    尝试这个:

    const DownloadButton = props => {
    const downloadFile = () => {
    window.location.href = "https://yoursite.com/src/assets/files/exampleDoc.pdf"
    }
    return (
    <button onClick={downloadFile} />
    )
    }
    export default DownloadButton;

    关于html - 通过单击 ReactJS 中的按钮下载文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55313748/

    27 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com