Andei revendo as aulas do curso e surgiu uma duvida. Na aula, adicionamos e removemos de maneira dinamica os elementos da lista e categorias, até ai beleza. Mas se por acaso eu quiser que, numa pagina que tenha um formulário com dois inputs e que ao clicar no botão, seja renderizado um novo conteudo, por exemplo uma tabela informativa e o resultado dos valores dos inputs. Qual seria a maneira correta de se fazer isso?
hoje, com a Alura e o Google Gemini
Fala ai Antônio, tudo bem? Nesse caso tu poderia ter um estado interno no componente que iria controlar essa exibição ou não, algo assim:
const [showDetails, updateShowDetails] = useState(false)E para você fazer a renderização condicional poderia fazer algo assim:
<div>
// formulario
{showDetails && (
// aqui mostra os detalhes caso seja true
)}
</div>Espero ter ajudado.