Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Crear Componentes Funcionales | Componentes Reutilizables y Flujo de Datos
Practice
Projects
Quizzes & Challenges
Cuestionarios
Challenges
/
Introducción a React

bookDesafío: Crear Componentes Funcionales

Crea un componente funcional de React que muestre un mensaje de saludo utilizando props.

La tarea consta de dos partes:

  1. Crear un componente hijo
    • Crear un componente llamado Greeting.
    • Aceptar una prop llamada name.
    • Renderizar un elemento h2 con el texto: Hello, {name}.
  2. Crear un componente padre
    • Crear un componente llamado App.
    • Renderizar el componente Greeting dentro de él.
    • Pasar el valor "Oliver" a la prop name.
  3. Renderizar el componente App
    • Renderizar el componente App usando root.render.
  • El componente hijo recibe datos utilizando props.
  • Utilizar {props.name} dentro de JSX.
  • Pasar la prop name al renderizar Greeting.
  • El componente App debe ser renderizado en el DOM.
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 2

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

bookDesafío: Crear Componentes Funcionales

Desliza para mostrar el menú

Crea un componente funcional de React que muestre un mensaje de saludo utilizando props.

La tarea consta de dos partes:

  1. Crear un componente hijo
    • Crear un componente llamado Greeting.
    • Aceptar una prop llamada name.
    • Renderizar un elemento h2 con el texto: Hello, {name}.
  2. Crear un componente padre
    • Crear un componente llamado App.
    • Renderizar el componente Greeting dentro de él.
    • Pasar el valor "Oliver" a la prop name.
  3. Renderizar el componente App
    • Renderizar el componente App usando root.render.
  • El componente hijo recibe datos utilizando props.
  • Utilizar {props.name} dentro de JSX.
  • Pasar la prop name al renderizar Greeting.
  • El componente App debe ser renderizado en el DOM.
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 2
some-alt