如何在 useRef 中使用 preventDefault function (reactjs + nodejs)

Question

这是我的 function 下载 zip 文件 autoDownload.current.click() - 自动点击 HTML 元素下载我的 zip 文件。 但问题是页面用于在此过程中重新加载。 我怎样才能防止我的页面重新加载。

const downloadZipFile = () => { 
    console.log('download');
    autoDownload.current.click();
}

我需要这样的东西。

const downloadZipFile = () => { 
    console.log('download');
    autoDownload.current.click((e) => {
      e.preventDefalut();
    });
}

Answer 1

您是否尝试过使用包含e.preventDefault()的 function 向链接/按钮添加“onClick”属性？ 不确定你是如何设置的，但下面有一些想法（使用 reactjs）。

const downloadZipFile = (e) => {
    e.preventDefault()
    // Add your download zip functionality here
}

// Example of function that will execute on page load
React.useEffect(() => {
    downloadZipFile()
}, [])

return (
    <Button id='someid' onClick={downloadZipFile} />
)