¿Cómo especificar atributos con JSX?
Respuesta corta:
Con JSX definimos atributos dentro de las etiquetas, similar al código HTML, sin embargo la sintaxis de los atributos JSX es diferente a la de HTML.
Respuesta completa:
Si has escrito código HTML recordarás los atributos id, class, style y title. Estos atributos nos permiten darle ''vida'' a nuestro documento web, principalmente si estamos trabajando nuestra interfaz de usuario con CSS y Javascript.
ReactJS nos permite especificar cadenas literales muy parecido a cómo se especifica con HTML, agregando las comillas para definir valores de cada atributo y escribiendo el atributo dentro de una etiqueta de JSX, también similar a las etiquetas de HTML.
Es importante recordar que muchos de los atributos de JSX se escriben de forma distinta a HTML. Para las clases de HTML utilizamos ''class'' y ''className'' para JSX. A continuación definimos una constante con una clase llamada ''result'':
Aprendizaje extra:
JSX nos permite hacer cosas de forma más simple y de menor código que con HTML plano. Ejemplo: Para los valores de cada atributo podemos insertar una expresión de Javascript con el dato solicitado de alguna fuente, siempre y cuando utilicemos las llaves de forma correcta.
Consulte la documentación de ReacjJS.
Con JSX definimos atributos dentro de las etiquetas, similar al código HTML, sin embargo la sintaxis de los atributos JSX es diferente a la de HTML.
Respuesta completa:
Si has escrito código HTML recordarás los atributos id, class, style y title. Estos atributos nos permiten darle ''vida'' a nuestro documento web, principalmente si estamos trabajando nuestra interfaz de usuario con CSS y Javascript.
ReactJS nos permite especificar cadenas literales muy parecido a cómo se especifica con HTML, agregando las comillas para definir valores de cada atributo y escribiendo el atributo dentro de una etiqueta de JSX, también similar a las etiquetas de HTML.
Es importante recordar que muchos de los atributos de JSX se escriben de forma distinta a HTML. Para las clases de HTML utilizamos ''class'' y ''className'' para JSX. A continuación definimos una constante con una clase llamada ''result'':
Aprendizaje extra:
JSX nos permite hacer cosas de forma más simple y de menor código que con HTML plano. Ejemplo: Para los valores de cada atributo podemos insertar una expresión de Javascript con el dato solicitado de alguna fuente, siempre y cuando utilicemos las llaves de forma correcta.
Consulte la documentación de ReacjJS.
Comentarios
Publicar un comentario