如何使用Ant Design Menu组件

Question

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

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

非常感谢！

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

Answer 1

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

e.g。

class MyMenu extends React.Component {
  state = {
    selected: ['home']
  }

  render() {
    return (
      <Menu selectedKeys=this.state>
        <Menu.Item key="home">Home</Menu.Item>
      </Menu>
    )
  }
}