index.js

import React, { Component } from 'react'
import { Menu, Icon } from 'antd'
import { connect } from 'dva'
import { Link,  } from 'dva/router'

import './header.css'
class Header extends Component {
  render() {
    return (
      <Menu style={{position:'fixed',bottom:0,width:'100%'}}
        mode="horizontal"
        theme="dark"
      >
        <Menu.Item key="/users" style={{width:'33%'}}>
          <Link to="/users">
            <Icon type="bars" />Users
          </Link>
        </Menu.Item>
        <Menu.Item key="/" style={{width:'33%'}}>
          <Link to="/">
            <Icon type="home" />Home
          </Link>
        </Menu.Item>
        <Menu.Item key="/discover" style={{width:'33%'}}>
          <Link to="/discover">
            <Icon type="user" />Discover
          </Link>
        </Menu.Item>
      </Menu>
    )
  }
}

export default connect()(Header)