const main = document.querySelector('.container');
class Header extends React.Component {
render() {
return (
<header>
<div className="brand">History</div>
<nav>
<ul>
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4</li>
<li>Menu 5</li>
</ul>
</nav>
</header>
);
}
}
class LeftSidebar extends React.Component {
render() {
return (
<aside className="leftSidebar">
</aside>
);
}
}
class RightSidebar extends React.Component {
render() {
return (
<aside className="RightSidebar">
</aside>
);
}
}
class Main extends React.Component {
render() {
return (
<Header/>
<RightSidebar/>
<LeftSidebar/>
);
}
}
ReactDOM.render(<Main/>,main);