Route

app.js

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import {Row, Col} from 'materialize-css' 

import { BrowserRouter as Router, Link } from 'react-router-dom';
import Profil from '../Profil/Profil';

import Work from '../Work/Work'
import Skills from '../Skills/Skills'
import Education from '../Education/Education'


import View from '../View/View'

class App extends Component {
  render() {
    return (
      <div className="App row">
        <div className="App-side col l3 m12 yellow accent-2 z-depth-4">
          <div className="Side">
            <div className="col s12">
              <Profil />
            </div>
            <div className="col s12">
              <div className="Menu col 12" >
                <div className="Menu-link" >
                  <Router>
                    <div>
                      <ul class="pagination">
                        <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_left</i></a></li>
                        <li class="waves-effect menu-element">
                          <Link to="/skills" className="nav-title">
                            <i class="material-icons">equalizer</i>
                          </Link>
                        </li>
                        <li class="waves-effect menu-element">
                          <Link to="/work" className="nav-title">
                            <i class="material-icons">work</i>
                          </Link>
                        </li>
                        <li class="waves-effect menu-element">
                          <Link to="/education" className="nav-title">
                            <i class="material-icons">library_books</i>
                          </Link>
                        </li>
                        <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li>
                      </ul>
                    </div>
                  </Router>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div className="App-view col l9 m12">
          <View />
        </div>
      </div>
    );
  }
}

export default App;