Solucionado (ver solução)
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!