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)