html - 通过单击 ReactJS 中的按钮下载文件
问题描述
我有一个用 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;
推荐阅读
- spring - 带有 WebFlux 的 Spring Boot 总是在测试中抛出 403 状态
- c# - .Net Core 3.1 使用 MySql 向现有项目添加身份
- javascript - 如何在反应中对 jsx 中的元素进行排序?
- oracle - 尝试在 CASE (VALUE IN) Oracle 中使用 WITH 时出错
- node.js - 在本地存储中设置键和值不起作用
- c++ - std::pair() 具有空值,例如 boost::optional
- python - 熊猫字符串中的多个拆分
- android - 如何在 Flutter 中实现 CallManager/CallKit(视频/语音通话功能)?
- python - 如何在 Python 中根据数字条件创建列表
- facebook-opengraph - Facebook Share 未从 Gatsby 网站获取 OpenGraph 元标记