Diferencias

Muestra las diferencias entre dos versiones de la página.

--- personas:johnny:proyectos:anotaciones-react [2017/01/10 20:40] – kz
+++ personas:johnny:proyectos:anotaciones-react [2017/01/10 20:59] – kz
@@ Línea 59: / Línea 59: @@
 </code>
-** No olvidar la coma desde de escribir las etiquetas **
+** No olvidar la coma después de escribir lo que se quiere mostrar(después de las etiquetas html) **
+** Utilizando JSX **
+La sintaxis propia de react crear los modulos que luego se referenciaran al html.
+** Asi creamos un modulo, la variable es importante empezar con mayuscula porque es un objeto de javascript**
+<code javascript>
+// crearemos un objeto de JSX
+var Saludo = React.createClass({
+    render: function(){
+        return(
+                <h1> ¡Utilizando JSX! </h1>
+              )
+    }
+})
+// ahora este objeto de JSX es llamado en la función de React render
+ReactDOM.render(
+<div>
+    <Saludo />
+    <Saludo />
+    <Saludo />
+</div>, document.getElementById('mensaje')
+);
+</code>