Cuando hago clic en el botón "Borrar", se llama a la función handleSubmit en lugar de la función Restablecer
mi código:
(con
Reset(e){ e.preventDefault() }tampoco funciona)
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>De forma predeterminada, un botón contenido dentro de un formulario activará un envío si no se especifica el atributo de type .
Agregar preventDefault a su función Reset debería evitar este comportamiento. Intente agregar type="button" a su botón de reinicio ya que esto también evita la acción de envío predeterminada.