[Duda] Prop onSubmit y el estilo | React: Utilizando Styled Components | Alura Latam

[Duda] Prop onSubmit y el estilo

Entonces el onsubmit si se le pasa como una prop se le puede agregar a los estilos? como lo dice en esta respuesta:

No necesitamos de la propiedad alEnviar ya que el componente que estamos creando será una tag form de html, podríamos pasar directamente la propiedad onSubmit al momento de utilizar el componente.

<Form onSubmit={**Función que necesita llamar**}>
...
</Form>

vaya novedad, considerando que onsubmit se puede usar de atributo y de evento javascript

Porque en el anterior al momento de hacerle styled component lo tiene así:

const Form = styled.form`
   width: 100%;    
   onSubmit:${(props)=> props.alEnviar} 
`;

Por eso digo que por eso se le pasa onSubmit para alterar estilos al componente form

¡Hola Edwin!

Gracias por tu pregunta. En el código que compartiste, el problema radica en que estás pasando la propiedad onSubmit como una prop al componente Form de Styled Components. Sin embargo, esto no es necesario ya que el componente Form que estás creando es una etiqueta form de HTML, por lo que puedes pasar directamente la propiedad onSubmit al momento de utilizar el componente.

Aquí tienes un ejemplo de cómo debería ser el código:

<Form onSubmit={**Función que necesitas llamar**}>
...
</Form>

De esta manera, estás siguiendo una mejor práctica al separar las preocupaciones de estilo y comportamiento en tus componentes. Los componentes creados con Styled Components deben encargarse únicamente de definir los estilos del componente, y no de cómo debe comportarse.

Espero que esta respuesta haya sido útil para ti. Si tienes alguna otra pregunta, ¡no dudes en hacerla!

¡Espero haber ayudado y buenos estudios!