How to use preventDefault function in useRef (reactjs + nodejs)

Question

This is my function to download zip file autoDownload.current.click() - automatically click on HTML element which download my zip file. But Problem is page used to reload while this process. How i can prevent my page to reload.

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

I need something like this.

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

You can try wrapping the component being clicked with a forwardRef and providing the click handler. Here's an example: stackoverflow.com/a/66883184/13023138 — HJEC
– HJEC, Commented Dec 9, 2022 at 16:13

RobDubParker · Accepted Answer · 2022-12-09 16:15:42Z

0

Have you tried adding an 'onClick' property to the link/button with a function that includes the e.preventDefault() ? Not sure exactly how you're setting this up, but below has some ideas (using 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} />
)

answered Dec 9, 2022 at 16:15

RobDubParker

911 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use preventDefault function in useRef (reactjs + nodejs)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related