Cómo crear un objeto de componentes React

Foto de Ferenc Almasi en Unsplash

Hoy, escribiré un artículo breve cuya ingesta podría ayudarte. Discutiremos sobre cómo podemos exportar un componente como un objeto y usarlo en nuestros componentes de React.

Un componente típico de React podría verse así:

Solo hay dos formas de exportar un componente desde un archivo: con export defaulto export.

Ambos funcionarán.

Pero, ¿qué pasa si desea tener una biblioteca simple de componentes bajo el mismo capó? ¿Qué pasa si le digo que podría usar crear un conjunto de componentes como este:

<Timeline.Percentage  />
<Timeline.Progress  />
<Timeline.Calender />

Como hacer esto

Es tan simple como tener un grupo de componentes en un archivo (todos pueden crearse y escribirse en un archivo, o importarse en un archivo desde otro lugar) y luego exportarlos todos fuera de ese archivo como un objeto.

A continuación se muestra un ejemplo que podría utilizar:

¡Y eso es! Aquí hay un pequeño artículo para tener algo más genial que demostrar a sus colegas.

¡Gracias por leer!

Más contenido en plainenglish.io

Suggested posts

Búsqueda de información sobre nombres de dominio

Un extracto de Small, Sharp Software Tools de Brian P. Hogan

Búsqueda de información sobre nombres de dominio

Cuando realiza una solicitud a facebook.com, su computadora busca el nombre de dominio para traducir ese nombre de dominio en una dirección IP para que su computadora pueda hacer esa conexión.

Evitar las consecuencias devastadoras de un derrame cerebral: aprender del viaje de una familia.

Evitar las consecuencias devastadoras de un derrame cerebral: aprender del viaje de una familia.

Introducción Un accidente cerebrovascular es una emergencia médica que puede afectar a cualquier persona en cualquier momento. Ocurre cuando se interrumpe el flujo de sangre a una parte del cerebro, lo que lleva a una pérdida repentina de la función cerebral.

Related posts

¿Qué hace que un podcast sea influyente?

¿Qué hace que un podcast sea influyente?

La semana pasada noté un comunicado de prensa, enviado a través de PressGazette (un sitio web de noticias de los medios británicos). El artículo anunciaba que Acast, la empresa de publicidad y alojamiento de podcasts de Scandi, lideraría un consorcio de editores "probablemente los más influyentes" en podcasting.

los pronombres dan mucho miedo

Me llama la atención De repente, como ocurre con tanta frecuencia Es el punto medio de nuevo <No, no el del Pacífico, tú, el del carnaval> Todos los titulares en voz alta...

Ese Archivo de Amenazas: Vol 7 Black Basta

Ese Archivo de Amenazas: Vol 7 Black Basta

En el mundo interconectado de hoy, la amenaza de los ataques cibernéticos es más frecuente que nunca. Los ciberdelincuentes y los actores del estado-nación buscan constantemente explotar las vulnerabilidades y robar datos valiosos, lo que representa un riesgo significativo para las organizaciones de todos los tamaños.

Revista abierta

Revista abierta

Diario abierto: una imagen al día. Siempre me han fascinado las historias.