import {
  Router, 
  Link 
} from \'react-router-dom\' 
import { Layout, Menu,   Icon } from \'antd\';

import Routers from \"./routers/routers\" 
import createBrowserHistory from \'history/createBrowserHistory\' 
const history = createBrowserHistory()

render() { 
    const pathName = history.location.pathname;

    return <Router history={history}  ><Layout className=\"PageAPP\">
      <Header className=\"header\">
        <div className=\"logo\" />
        <Menu
          theme=\"dark\"
          mode=\"horizontal\"
          defaultSelectedKeys={[pathName]} 
          style={{ lineHeight: \'64px\' }}
        >
          {
            menuData.map(function (item) {
              return <Menu.Item key={item.url} 
              item={item}  >
              <Link to={item.url} >{item.title}</Link >  
              </Menu.Item>
            })
          }
        </Menu>
      </Header>
      <Layout>
  
        <Layout style={{ padding: \'0 24px 24px\' }}> 
          <Content style={{ background: \'#fff\', padding: 24, margin: 0, minHeight: 280, display:\'flex\' }}>
              <Route exact path=\"/\" component={Home} />
              <Route path=\"/user\" component={User} />
              <Route path=\"/about\" component={About} /> */}
         
          </Content>
        </Layout>
      </Layout>
    </Layout>
    </Router>
  }