React: Passando e recebendo tags e componentes via props

Além de funções ou valores como uma string, um number ou um boolean também conseguimos passar tags e componentes através de props para dentro de outro componente. Entenda nesta aula o que isso significa e porque será útil na programação React.

Já sabemos que é possível receber tags e componentes via props. Nesta aula vamos aprender como isso é feito.

Agora que aprendemos como receber tags e componentes via props vamos passar esses elementos para o componente que vai exibi-los.

Para focarmos no objetivo desse curso que é passar tags e componentes através de props, vamos baixar um projeto base que conheceremos nesta aula.

Nesta aula criaremos o componente EstruturaPagina que exibe os componentes Topo e Rodape. Além disso, utilizaremos props.children para receber tags e componentes que serão passados ao componente.

Já criamos a estrutura da nossa página, que é o componente EstruturaPagina. Agora precisamos apenas importá-lo e inserir entre as tags de abertura e fechamento o conteúdo referente à cada página.