如何使用 Ant Design Menu 组件

Question

我正在使用 Ant Design 菜单组件；一切顺利，直到页面刷新。 然后，菜单选择项回到顶部。

如何根据他实际所在的页面配置菜单的选定项（以向用户显示他在页面上的位置）？

非常感谢！

编辑：使用 React 15，react-router-dom

Answer 1

在documentation 之后，您可以使用菜单的selectedKeys 属性。

例如

class MyMenu extends React.Component {
  state = {
    selected: ['home']
  }
  
  render() {
    return (
      <Menu selectedKeys={this.state.selected}>
        <Menu.Item key="home">Home</Menu.Item>
      </Menu>
    )
  }
}