html
html
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
}
Enter to Rename, Shift+Enter to Preview
js
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
cosnt mylists = [
{
title:"my bullets",
b:["Item 1","Item 2","Item 3","Item 4"]
},
{
title:"bullets 2 ",
b:["a","b","c","d"]
}
]
const Bullet = m => (
<h1>{m.title}</h1>
<ol>
{m.b.map(item => <li>{item}</li>)}
</ol>
)
const Lister = typo => (
{typo.map(item => <Bullet m={item}/>)}
)
ReactDOM.render(
<Lister typo={mylists}/>,
document.getElementById("root")
)
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run