Como criar um objeto de componentes React

Foto de Ferenc Almasi no Unsplash

Hoje, estarei escrevendo um pequeno artigo cujo consumo pode ajudá-lo. Estaremos discutindo sobre como podemos exportar um componente como um objeto e usá-lo em nossos componentes React.

Um componente React típico pode ter a seguinte aparência:

Existem apenas duas maneiras de exportar um componente de um arquivo: com export defaultou export.

Ambos funcionarão.

Mas e se você quiser ter uma biblioteca simples de componentes sob o mesmo capô. E se eu disser que você pode criar um conjunto de componentes como este:

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

Como fazer isso

É tão simples quanto ter um grupo de componentes em um arquivo (eles podem ser todos criados e gravados em um arquivo ou importados para um arquivo de outro lugar) e, em seguida, exportá-los todos desse arquivo como um objeto.

Abaixo está um exemplo que você pode usar:

E é isso! Aqui estava um pequeno artigo para ter algo mais legal para demonstrar aos seus colegas.

Obrigado por ler!

Mais conteúdo em plainenglish.io

Encontrar informações sobre nomes de domínio

Um trecho de Small, Sharp Software Tools por Brian P. Hogan

Quando você faz uma solicitação para facebook.com, seu computador procura o nome de domínio para traduzir esse nome de domínio em um endereço IP para que seu computador possa fazer essa conexão.

Evitando as consequências devastadoras de um derrame: aprendendo com a jornada de uma família.

Introdução O AVC é uma emergência médica que pode atingir qualquer pessoa a qualquer momento. Ocorre quando o fluxo sanguíneo para uma parte do cérebro é interrompido, levando a uma perda repentina da função cerebral.

O que torna um podcast influente?

Na semana passada, notei um comunicado de imprensa, enviado via PressGazette (um site de notícias da mídia britânica). O artigo anunciava que a Acast, a empresa de publicidade e hospedagem de podcast Scandi, lideraria um consórcio de "provavelmente os editores mais influentes" em podcasting.

O assassinato de Jordan Neely e o problema do racismo “patriótico”

Os EUA podem dar o passo essencial de não igualar comportamento racista a ser um bom americano?

[Alerta de gatilho: este ensaio inclui capturas de tela de pessoas elogiando o assassino de Jordan Neely.] Os policiais finalmente - e talvez com relutância - acusaram Daniel Penny, o homem que sufocou Jordan Neely até a morte, por aquele homicídio.

Chega de senhas — como as senhas substituirão sua senha

Para evitar ambigüidade, os seguintes termos serão usados; Autenticador; O celular que está sendo utilizado para fazer o login no Site; O site ou aplicativo que o usuário está usando para fazer a solicitação de login do Serviço; O fornecedor que fornece o serviço fornecido, por exemplo