antd的Menu,有什么方法能传入菜单的key,让它选中吗

我只需要一级菜单,不内嵌,现在这个只能是由点击改变选中的菜单,有什么方法能传入菜单的key,让它选中吗。官方地址

阅读 13k
2 个回答

clipboard.png

import { Menu } from 'antd';
<Menu
    selectedKeys={['mn2']}
    defaultSelectedKeys={['mn2']}
>
    <Menu.Item key="mn1">菜单1</Menu.Item>
    <Menu.Item key="mn2">菜单2</Menu.Item>
</Menu>

注意看Menu组件的两个属性:selectedKeysdefaultSelectedKeys
selectedKeys:当前选中的菜单项 key 数组
defaultSelectedKeys:初始选中的菜单项 key 数组
这两个属性为二选一使用,如果同时使用时,defaultSelectedKeys无效,将会以selectedKeys为准。

如果你只是希望指定一个初始化选中的菜单项,请使用defaultSelectedKeys
如果你需要每次通过传入不同的props改变Menu组件的选中项,请使用selectedKeys

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题