<head>
<meta charset="utf-8">
<script src="js/react/react.js"></script>
<script src="js/react/react-dom.js"></script>
<script src="js/react/browser.min.js"></script>
<script src="js/react/EventEmitter.min.js"></script>
<script src="https://unpkg.com/react-router-dom/umd/react-router-dom.min.js"></script>
<script src="js/react/react-router.min.js"></script>
<script src="https://use.fontawesome.com/444f77c152.js"></script>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
</head>class Menu extends React.Component {
constructor(props){
super(props);
};
render() {
return <div className = "sidebar">
<div className = "inner">
<nav>
<ul>
<li><Link to={"/music"}>Music</Link></li>
<li><Link href="#My page">MyPage</Link></li>
<li><Link to={"/news"}>News</Link></li>
<li><Link href="#Quit">Quit</Link></li>
</ul>
</nav>
</div>
</div>;
}
}
ReactDOM.render (<Menu />, document.getElementById('menu'));