-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
43 lines (40 loc) · 2.19 KB
/
main.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
// import App component and render it to our root App element
import React from 'react';
// import PropTypes from 'prop-types';
import ReactDOM from 'react-dom';
// import App from './App.jsx';
// import App2 from './App2.jsx';
// import Table from './Table.jsx';
// import State from './State.jsx';
// import Props from './Props.jsx';
// import StateProps from './StateProps.jsx';
// import PropsValidation from './PropsValidation.jsx';
// import ComponentAPI from './ComponentAPI.jsx';
// import ComponentLifeCycle from './ComponentLifeCycle.jsx';
// import Forms from './Forms/Forms.jsx';
// import ComplexForm from './Forms/ComplexForm.jsx';
// import Event from './Events/Event.jsx';
// import ChildEvents from './Events/ChildEvents.jsx';
// import Refs from './Refs/Refs.jsx';
// import Keys from './Keys/keys.jsx';
import RouterApp from './Router/RouterApp.js';
// import { setTimeout } from 'timers';
// ReactDOM.render(<App />, document.getElementById('app'));
// ReactDOM.render(<App2 />, document.getElementById('app2'));
// ReactDOM.render(<Table />, document.getElementById('dynamic-table'));
// ReactDOM.render(<State />, document.getElementById('state'));
// ReactDOM.render(<Props headerProp = "Header from props..." contentProp = "Content from props..." />, document.getElementById('props'));
// ReactDOM.render(<StateProps />, document.getElementById('stateprops'));
// ReactDOM.render(<PropsValidation />, document.getElementById('props-validation'));
// ReactDOM.render(<ComponentAPI />, document.getElementById('component-api'));
// ReactDOM.render(<ComponentLifeCycle />, document.getElementById('component-lifecycle'));
// ReactDOM.render(<Forms />, document.getElementById('forms'));
// ReactDOM.render(<ComplexForm />, document.getElementById('complex-form'));
// ReactDOM.render(<Event />, document.getElementById('event'));
// ReactDOM.render(<ChildEvents />, document.getElementById('child-event'));
// ReactDOM.render(<Refs />, document.getElementById('refs'));
// ReactDOM.render(<Keys />, document.getElementById('keys'));
ReactDOM.render(<RouterApp />, document.getElementById('router'));
/* setTimeout(() => {
ReactDOM.unmountComponentAtNode(document.getElementById('component-lifecycle'));
}, 2000); */