forked from MindFusionComponents/JavaScript-Diagram-Samples
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.js
More file actions
53 lines (45 loc) · 1.33 KB
/
Copy pathindex.js
File metadata and controls
53 lines (45 loc) · 1.33 KB
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
52
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import MinApp from './MinApp';
import Anchors from './Anchors';
import Inheritance from './Inheritance';
import FractalLayout from './FractalLayout';
import Controls from './Controls';
class Sample extends React.Component {
constructor(props) {
super(props);
this.samples = {
"MinApp": MinApp,
"Anchors" : Anchors,
"Inheritance" : Inheritance,
"FractalLayout" : FractalLayout,
"Controls" : Controls
};
this.state = { id: "MinApp" };
}
navigate(sampleId) {
this.setState({ id: sampleId });
}
render() {
const TagName = this.samples[this.state.id];
return (
<div>
<div>
<ul className="menu">
{Object.keys(this.samples).map((key) => {
return (<li className="menu-item" key={key} value={key} onClick={this.navigate.bind(this, key)} >{key}</li>)
})
}
</ul>
</div>
<div>
<TagName />
</div>
</div>
);
}
}
ReactDOM.render(
<Sample id="MinApp" />, document.getElementById('root')
)