React Antd Dropdown Menu Item Demo

21 min read
import React, {Component} from "react";
import {Menu, Dropdown} from "antd";

import About from "./Help/About";
import Version from "./Help/Version";
import Document from "./Help/Document";
import Question from "./Help/Question";

import "./common.css";

const menu = (
  <Menu>
    <Menu.Item>
      <About />
    </Menu.Item>
    <Menu.Item>
      <Version />
    </Menu.Item>
    <Menu.Item>
      <Document />
    </Menu.Item>
    <Menu.Item>
      <Question />
    </Menu.Item>
  </Menu>
);

class Help extends Component {
  render() {
    return (
      <Dropdown overlay={menu} trigger={["click"]} overlayClassName="nice-overlay">
        <a id="nice-menu-help" className="nice-menu-link" href="#">
          帮助
        </a>
      </Dropdown>
    );
  }
}

export default Help;