He estado trabajando mucho con componentes con estilo en React recientemente. Al principio, creé un componente para cada elemento, por ejemplo, un archivo llamado "Button.tsx" . En este caso, este archivo devolvería un botón con estilo. Últimamente me he dado cuenta de que crear un componente con estilo puede llevar mucho tiempo y, según yo, también se convierte en una gran cantidad de código "innecesario". Hubiera sido increíble si fuera posible crear un archivo llamado "Component.tsx" en su lugar que devuelva un componente con estilo. Esto ahorraría mucho tiempo y también haría que un archivo se viera desordenado en lugar de un montón de archivos. He probado esto y funciona como yo quiero (casi). El problema que tengo en este momento es que React vuelve a representar el componente con estilo, ya que se llama dentro de una función. Una solución fácil sería simplemente mover el componente con estilo fuera de la función, pero de esa manera no realizará un seguimiento del argumento que se pasa y que es necesario para que el componente con estilo sepa qué elemento debe representar. No sé. ¿Sería esto posible? Adjuntaré una/algunas capturas de pantalla/capturas de pantalla. Componente con estilo reutilizable