forked from kay-is/react-from-zero
-
Notifications
You must be signed in to change notification settings - Fork 4
/
01-element-factory.html
34 lines (23 loc) · 1.02 KB
/
01-element-factory.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!doctype html>
<title>01 Fábrica de elementos - React Desde Cero</title>
<script src="https://unpkg.com/react@16.4.0/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16.4.0/umd/react-dom.development.js"></script>
<div id="app"></div>
<script>
// React.createElement() nos ayuda a crear elementos.
// Solo necesitamos pasarle un tipo(type), propiedades, hijos/descendientes.
// con React.createElement() conseguimos crear un elemento de forma más sencilla
// también oculta el $$type/Symbol y ref mencionados en la lección 0
var reactElement = React.createElement("h1", {
className: "abc",
style: {
textAlign: "center",
},
onClick: function () { alert("click") },
}, "Hello, world!")
// El segundo argumento son las propiedades del elemento
// Debe ser null, si está vacío.
var anotherElement = React.createElement("p", null, "A nice text paragraph.")
var renderTarget = document.getElementById("app")
ReactDOM.render(reactElement, renderTarget)
</script>