Curso

React: Passando e recebendo tags e componentes via props

No React, frequentemente nos deparamos com a necessidade de criar componentes menores para nossa aplicação. Uma das vantagens fundamentais na criação desses componentes é a capacidade de reutilizá-los em diversas partes do código. Isso é possível graças ao uso de props, que nos permitem reutilizar um componente e modificar apenas algumas informações dele. Além de dados simples, como o nome ou o valor de um produto, podemos também passar tags e outros componentes como argumentos por meio das props. Neste curso, exploraremos como essa funcionalidade é implementada e entender as vantagens significativas que ela oferece.

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.

Iniciar agora
Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

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