forked from kay-is/react-from-zero
-
Notifications
You must be signed in to change notification settings - Fork 13
Expand file tree
/
Copy path01-element-factory.html
More file actions
33 lines (21 loc) · 920 Bytes
/
01-element-factory.html
File metadata and controls
33 lines (21 loc) · 920 Bytes
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
<!doctype html>
<title>01 Fábrica de Elementos - React do Zero</title>
<script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
<div id="app"></div>
<script>
// React.createElement() necessita de tipo, propriedades, e filhos.
// Isso é menos verboso que usar objetos literais
// isso esconde o $$type/Symbol e ref mencionados na lição 00
var reactElement = React.createElement("h1", {
className: "abc",
style: {
textAlign: "center",
},
onClick: function () { alert("click") },
}, "Hello, world!")
// O segundo argumento é a propriedade objeto e deve ser null caso vazia
var anotherElement = React.createElement("p", null, "A nice text paragraph.")
var renderTarget = document.getElementById("app")
ReactDOM.render(reactElement, renderTarget)
</script>