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

import React from 'react';
import { Layout, Menu } from 'antd';

const { Header} = Layout;


export default class HeaderView extends React.Component {
    render() {
        return (
            <Header className="header">
            <div className="logo" />
            <Menu
                theme="green"
                mode="horizontal"
                defaultSelectedKeys={['2']}
                style={{ lineHeight: '64px' }}
            >
                <Menu.Item key="1">nav 1</Menu.Item>
                <Menu.Item key="2">nav 2</Menu.Item>
                <Menu.Item key="3">nav 3</Menu.Item>
            </Menu>
            </Header>
        )
    }
}