Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Criar Componentes Funcionais | Componentes Reutilizáveis e Fluxo de Dados
Practice
Projects
Quizzes & Challenges
Questionários
Challenges
/
Introdução ao React

bookDesafio: Criar Componentes Funcionais

Crie um componente funcional React que exiba uma mensagem de saudação utilizando props.

A tarefa consiste em duas partes:

  1. Criar um componente filho
    • Crie um componente chamado Greeting.
    • Aceite uma prop chamada name.
    • Renderize um elemento h2 com o texto: Hello, {name}.
  2. Criar um componente pai
    • Crie um componente chamado App.
    • Renderize o componente Greeting dentro dele.
    • Passe o valor "Oliver" para a prop name.
  3. Renderizar o componente App
    • Renderize o componente App utilizando root.render.
  • O componente filho recebe dados utilizando props.
  • Utilize {props.name} dentro do JSX.
  • Passe a prop name ao renderizar o Greeting.
  • O componente App deve ser renderizado no DOM.
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookDesafio: Criar Componentes Funcionais

Deslize para mostrar o menu

Crie um componente funcional React que exiba uma mensagem de saudação utilizando props.

A tarefa consiste em duas partes:

  1. Criar um componente filho
    • Crie um componente chamado Greeting.
    • Aceite uma prop chamada name.
    • Renderize um elemento h2 com o texto: Hello, {name}.
  2. Criar um componente pai
    • Crie um componente chamado App.
    • Renderize o componente Greeting dentro dele.
    • Passe o valor "Oliver" para a prop name.
  3. Renderizar o componente App
    • Renderize o componente App utilizando root.render.
  • O componente filho recebe dados utilizando props.
  • Utilize {props.name} dentro do JSX.
  • Passe a prop name ao renderizar o Greeting.
  • O componente App deve ser renderizado no DOM.
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 2
some-alt