ant design 初体验02布局

import React, { Component } from 'react';
import { Menu, Icon } from 'antd';
import { Layout, Breadcrumb } from 'antd';
import './HeadNav.css';

const { Header, Content, Footer } = Layout;

export default class HeadNav extends Component {
    state = {
        current: 'home',
    }
    render() {
        return (
            <Layout className="layout">
                <Header>
                    <div className="logo" />
                    <Menu
                        theme="dark"
                        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>
            </Layout>
        )
    }

}

需要demo可以加群下载836383650