When I click on the "Clear" button, the handleSubmit function is called instead of the Reset function
my code:
(with
Reset(e){
e.preventDefault()
}
doesn't work either)
function Reset() {
setName('')
setUsername('')
setPhone('')
setEmail('')
}
<form onSubmit={handleSubmit} action="" style={{display: 'flex', flexDirection: 'column', gap: '1rem'}} autoComplete="off">
...
inputs
...
<Button onClick={Reset} text="Limpar"/>
<Button type="submit" onClick={handleSubmit}/>
</form>
By default a button contained within a form will trigger a submit if the type attribute isn't specified.
Adding preventDefault to your Reset function should prevent this behaviour. Try adding type="button" to your reset button as this also prevents the default submit action.