Desafío: Crear Componentes Funcionales
Crea un componente funcional de React que muestre un mensaje de saludo utilizando props.
La tarea consta de dos partes:
- Crear un componente hijo
- Crear un componente llamado
Greeting. - Aceptar una prop llamada
name. - Renderizar un elemento
h2con el texto:Hello, {name}.
- Crear un componente llamado
- Crear un componente padre
- Crear un componente llamado
App. - Renderizar el componente
Greetingdentro de él. - Pasar el valor
"Oliver"a la propname.
- Crear un componente llamado
- Renderizar el componente
App- Renderizar el componente
Appusandoroot.render.
- Renderizar el componente
- El componente hijo recibe datos utilizando props.
- Utilizar
{props.name}dentro de JSX. - Pasar la prop
nameal renderizarGreeting. - El componente
Appdebe ser renderizado en el DOM.
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 2. Capítulo 2
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Genial!
Completion tasa mejorada a 4
Desafí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:
- Crear un componente hijo
- Crear un componente llamado
Greeting. - Aceptar una prop llamada
name. - Renderizar un elemento
h2con el texto:Hello, {name}.
- Crear un componente llamado
- Crear un componente padre
- Crear un componente llamado
App. - Renderizar el componente
Greetingdentro de él. - Pasar el valor
"Oliver"a la propname.
- Crear un componente llamado
- Renderizar el componente
App- Renderizar el componente
Appusandoroot.render.
- Renderizar el componente
- El componente hijo recibe datos utilizando props.
- Utilizar
{props.name}dentro de JSX. - Pasar la prop
nameal renderizarGreeting. - El componente
Appdebe ser renderizado en el DOM.
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 2. Capítulo 2