Curso
React: Passando e recebendo tags e componentes via props
No React criamos um componente que por sua vez possui componentes menores. Uma das vantagens de criar um componente é a possibilidade de reaproveitá-lo. Através das props conseguimos reaproveitar um componente e alterar apenas algumas informações dele. Além de dados como o nome ou o valor de um produto, também conseguimos passar tags e outros componentes via props. Neste curso vamos aprender como isso é feito e qual a vantagem do seu uso.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
5 horas
Curso de React (5 aulas)
Aula 1 - Introdução
Além de valores como uma string, um number, um boolean ou uma function também conseguimos passar tags e componentes via props para dentro de outro componente. Entenda nesta aula o que isso significa e porque será útil na programação React.
Aula 2 - Passando tags e componentes via props
Nesta aula veremos com detalhes como podemos utilizar o props para enviar elementos (tags e componentes) para outro componente React, que será responsável por exibi-los.
Aula 3 - Recebendo tags e componentes via props
Já sabemos que é possível receber tags e componentes via props. Nesta aula vamos aprender como isso é realizado.
Aula 4 - Conhecendo o projeto base
Para focarmos no objetivo desse curso, que é aprender a passar tags e componentes via props, utilizaremos um projeto base que será apresentado nesta aula.
Aula 5 - Criando o componente MolduraInformacoes
Criaremos nesta aula o componente MolduraInformacoes que exibe os elementos da Seção Informações. Além disso, vamos utilizar props.children para receber tags que serão passados para o componente.
Veja outros cursos de React
React: Trabalhando com coleções de dados
React: Componentização de aplicações com Props + useState
React: Modificando o comportamento da página com State Hook e evento onClick