cherry-doc/.history/src/web/App_20170426140507.js

import React from 'react';
import styles from './App.css';
import RM from 'react-dom';
import Render from './render';
import {
  BrowserRouter as Router,
  Route,
  HashRouter,
  Link
} from 'react-router-dom';

import { Layout, Menu, Breadcrumb, Icon } from 'antd';
const { Sider } = Layout;


import HeaderView from './header';
import SiderView from './sider';
import ContentView from './content';

import DB from '../tmp/__md__.json';


class App extends React.Component {
  constructor(props) {
    super(props);
  }

  componentDidMount() {
  }

  handleClicked(page) {
    this.refs.render.setPage(page);
  }

  render() {
    // console.log('DB:', DB)
    return (
      <HashRouter>
        <Layout>
          <HeaderView />
          <Layout>
              <Sider width={200} style={{ background: '#fff' }}>
                <SiderView db={DB}/>
              </Sider>
              <Layout style={{ padding: '0 24px 24px' }}>
                  <Route path="/page/:pageName" component={ContentView}/>
              </Layout>
          </Layout>
        </Layout>
      </HashRouter>
    )
  }
}

export default App;