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