Antd:使用state属性设置菜单项

import { Menu } from 'antd';
import 'antd/dist/antd.css';

state = {
  selectedKeys: ['1'], // 默认选中的菜单项
  openKeys: [], // 默认展开的菜单项
};

<Menu
  selectedKeys={this.state.selectedKeys}
  openKeys={this.state.openKeys}
  onOpenChange={this.handleOpenChange}
  onSelect={this.handleSelect}
>
  <Menu.Item key="1">菜单项1</Menu.Item>
  <Menu.Item key="2">菜单项2</Menu.Item>
  <Menu.Item key="3">菜单项3</Menu.Item>
</Menu>

handleOpenChange = (openKeys) => {
  this.setState({ openKeys });
};

handleSelect = ({ key }) => {
  this.setState({ selectedKeys: [key] });
};