Reactjs 我正在构建一个需要pdf下载的React应用程序，如果单击（materialUI）下载按钮，我如何添加该功能？

配置文件组件包含以下代码：

<div className="button_container" style={{display:'flex'}}>
      
       <DownloadButton text={'PDF'} icon={<GetAppIcon />} /> 
</div>

import React from 'react'
import { Button } from "@material-ui/core";
import './Button.css'


const DownloadButton = ({text, icon}) => {
    return ( 
       <Button onClick={() => { }} className="custom_btn" endIcon={icon ?
 (<div className="btn_icon_container" >{icon}</div>) : null}>
            <span className="btn_textw">{text}</span>
       </Button>
    )
}

export default CustomButton

按钮组件包含以下代码：

<div className="button_container" style={{display:'flex'}}>
      
       <DownloadButton text={'PDF'} icon={<GetAppIcon />} /> 
</div>

import React from 'react'
import { Button } from "@material-ui/core";
import './Button.css'


const DownloadButton = ({text, icon}) => {
    return ( 
       <Button onClick={() => { }} className="custom_btn" endIcon={icon ?
 (<div className="btn_icon_container" >{icon}</div>) : null}>
            <span className="btn_textw">{text}</span>
       </Button>
    )
}

export default CustomButton

从“React”导入React
从“@material ui/core”导入{Button}”；
导入“./Button.css”
const DownloadButton=（{text，icon}）=>{
报税表（
{}className=“custom_btn”endIcon={icon？
（{icon}）：null}>
{text}
)
}
导出默认自定义按钮

**我已经添加了一个onClick事件，但是一旦单击按钮，我就很难找到触发文件下载的最简单方法**

---

任何评论都值得欣赏

实现这一点的最简单方法是使用一个按钮，并将其样式设置为按钮

<a href="/path/to/file.pdf">Download PDF</a>

对于材质核心按钮，您需要添加，并且它将使用锚定标记而不是按钮标记

<Button href="/path/to/file.pdf">Download PDF</Button>

下载PDF

你的下载按钮看起来像

const DownloadButton = ({text, icon}) => {
    const endIcon = icon ? (<div className="btn_icon_container" >{icon}</div>) : null;
    return ( 
       <Button href="file.pdf" className="custom_btn" endIcon={endIcon}>
           <span className="btn_textw">{text}</span>
       </Button>
    )
}

const DownloadButton=（{text，icon}）=>{
const endIcon=icon？（{icon}）：null；
报税表（
{text}
)
}

将按钮变成链接，并提供pdf文件的路径

从“React”导入React
从“@material ui/core”导入{Button}”；
导入“./Button.css”
const DownloadButton=（{text，icon}）=>{
报税表（
{text}
)
}
导出默认自定义按钮

download按钮应该有实时链接，它会自动下载