如何在 useRef 中使用 preventDefault 函数（reactjs + nodejs）答案

【问题标题】：How to use preventDefault function in useRef (reactjs + nodejs)如何在 useRef 中使用 preventDefault 函数（reactjs + nodejs）
【发布时间】：2022-12-10 17:25:51
【问题描述】：

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

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

我需要这样的东西。

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

【问题讨论】：

您可以尝试使用 forwardRef 包装被点击的组件并提供点击处理程序。这是一个例子：stackoverflow.com/a/66883184/13023138

标签： javascript node.js reactjs react-hooks use-ref

【解决方案1】：

您是否尝试过使用包含 e.preventDefault() 的功能向链接/按钮添加“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} />
)

【讨论】：