Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
4
respostas

Reaproveitamento de lógica de um componente

Bom dia, Se eu tenho um componente react, exemplo um botão que abre um modal. Como eu faço pra reaproveitar esse modal em outro botão que não é do mesmo componente e está em outra página? Eu preciso criar uma classe que vai herdar esse primeiro componente? Não sei se consegui ser claro.

4 respostas

Afrânio, boa tarde!

Uma possibilidade seria fazer esse modal um componente, e ele será passado como uma prop dos botões que você deseja usar.

Assim os botões poderão abrir qualquer modal recebido como prop pois será reutilizável.

Espero ter ajudado e bons estudos!

Ele já é um componente independente. Mas como eu passo um componente como uma prop para chamá-lo onde preciso? A pergunta é de iniciante mesmo rs.

solução!

Afrânio, boa tarde!

Encontrei um exemplo no CodePen que pode te ajudar!

https://codepen.io/jsexamples/pen/wGVGOx

Se ficar alguma dúvida pode mandar, estamos a disposição para ajudar!

Legal. Estou seguindo esse raciocínio e parece que está dando certo. Obrigado!