Web Demo Mobile Demo Angular Demo Vue Demo React Demo
源代码
import React from 'react';
import { Menu, MenuItem, MenuSep, SubMenu } from 'rc-easyui';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: null
    }
  }
  handleItemClick(value) {
    this.setState({ value: value })
  }
  render() {
    return (
      <div>
        <h2>Menu Style</h2>
        <Menu inline noline menuCls="mymenu" onItemClick={this.handleItemClick.bind(this)}>
          <MenuItem value="new" text="New"></MenuItem>
          <MenuItem text="Open">
            <SubMenu menuCls="mymenu">
              <MenuItem value="word" text="Word"></MenuItem>
              <MenuItem value="excel" text="Excel"></MenuItem>
              <MenuItem value="ppt" text="PowerPoint"></MenuItem>
            </SubMenu>
          </MenuItem>
          <MenuItem value="save" text="Save" iconCls="icon-save"></MenuItem>
          <MenuItem value="print" text="Print" iconCls="icon-print" disabled></MenuItem>
          <MenuSep></MenuSep>
          <MenuItem value="exit" text="Exit"></MenuItem>
        </Menu>
        <p>Item Clicked: {this.state.value}</p>
      </div>
    );
  }
}

export default App;