Me pregunto si es posible actualizar el type de botón entre "submit" y "button" según un valor booleano: form?.hasErrors)
Aquí está mi código:
const btnType = () => { if (form?.hasErrors) { return "submit"; } return "button"; }; return ( <> <StyledButton onClick={!form?.hasErrors() ? handleShowModal : undefined} type={btnType()} > Search </StyledButton> );Básicamente, solo quiero asegurarme de que, si el formulario tiene errores, el tipo de botón esté configurado en "enviar" y, de lo contrario, se configurará en "botón" (predeterminado).
No sé por qué quieres esto. Pero creo que puedes usar esto.
<StyledButton onClick={!form?.hasErrors() ? handleShowModal : undefined} type={form?.hasErrors() ? "submit": "button"} > Search </StyledButton>