Ejercicio de programación con React: Introducción a JSX

En este reto, se te invita a trabajar con JSX, una extensión de sintaxis para JavaScript comúnmente utilizada en React. El objetivo es desarrollar un componente funcional llamado Saludo que acepte una propiedad nombre y muestre un mensaje de saludo personalizado en un elemento <h1>. React es una biblioteca popular para construir interfaces de usuario, y JSX facilita el proceso de crear componentes reutilizables al permitir que utilices una sintaxis similar a HTML dentro de tu código JavaScript.

Instrucciones

1. Crea un componente funcional de React llamado Saludo.
2. El componente Saludo debe aceptar una propiedad llamada nombre.
3. Utiliza JSX para renderizar un elemento <h1> que contenga el texto "Hola, [nombre]", donde [nombre] es el valor de la propiedad nombre.
4. Asegúrate de que la etiqueta <h1> esté correctamente cerrada y que el nombre del atributo siga la convención de camelCase.

Ejemplo

Si el componente Saludo recibe la propiedad nombre con el valor "Carlos", debe renderizar:

<h1>Hola, Carlos</h1>

Requisitos

• Utiliza JSX correctamente, asegurándote de seguir las diferencias clave con HTML.
• Utiliza la interpolación de JavaScript dentro de JSX para mostrar el valor de la propiedad nombre.