DEV Community

Lautaro Suarez
Lautaro Suarez

Posted on

1

Prevent re-loading

If you are doing a react page and you have to submit a form or have to do an onClick function and wants to prevent the reload of the page you can do the following.

Let`s say to have the following button with an onClick function.

`js

setState(e)}/>

`

It will make the page to reload and if we want to avoid that in a clean way we should use e.preventDefault() function.

js
const mainComponent = () => {
const [state, setState] = useState();
const preventReload = (e) => {
e.preventDefault()
setState(e)
}
return(
<div>
<button onClick={(e) => preventReload(e)}/>
</div>
)
}

This way we are preventing a default reload on the page and avoid to just reload.

Hope someone found it helpful.

Lautaro

Top comments (0)

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay