forked from aamirpinger/react-fundamental-slides-code
-
Notifications
You must be signed in to change notification settings - Fork 0
/
basicReactElementExample.js
52 lines (35 loc) · 1.1 KB
/
basicReactElementExample.js
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
// Basic example of creating element in .js file
// React.createElement has 3 part
// React.createElement( /* type */, /* props */, /* nested content */ );
import React from 'react';
import ReactDOM from 'react-dom';
const element = React.createElement('div', null, 'Hello World')
console.log(element)
ReactDOM.render(
element,
document.getElementById('root')
)
//****************************************************************************
// run one at a time
/*
import React from 'react';
import ReactDOM from 'react-dom';
const element = React.createElement('div', {
className: anyCssClass
}, 'Hello World')
console.log(element)
ReactDOM.render(
element,
document.getElementById('root')
)
*/
//****************************************************************************
// run one at a time
/*
const element = React.createElement("ol",{className: heading},
React.createElement("li",null, "Aamir")
React.createElement("li",null, "Irfna")
React.createElement("li",null, "Pinger")
);
*/
//***************************************************************************************