你瞅啥呢

2023-04-13 [antd: Menu] `children` will be removed in next major version. Please use `items` instead.

问题描述:antd版本升级,需要对以往的版本的代码进行修改,版本>=4.20.0以上需要修改,<4.20.0则不用。

需要修改的组件为Menu,具体修改参考官方例子:

复制代码
// >=4.20.0 可用,推荐的写法 ✅
const items = [
  { label: '菜单项一', key: 'item-1' }, // 菜单项务必填写 key
  { label: '菜单项二', key: 'item-2' },
  {
    label: '子菜单',
    key: 'submenu',
    children: [{ label: '子菜单项', key: 'submenu-item-1' }],
  },
];
return <Menu items={items} />;

// <4.20.0 可用,>=4.20.0 时不推荐 🙅🏻‍♀️(在 4.x 可继续使用,但会在控制台看到警告,并会在 5.0 后移除)
<Menu>
  <Menu.Item>菜单项一</Menu.Item>
  <Menu.Item>菜单项二</Menu.Item>
  <Menu.SubMenu title="子菜单">
    <Menu.Item>子菜单项</Menu.Item>
  </Menu.SubMenu>
</Menu>;
复制代码

 

posted @   叶乘风  阅读(556)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
点击右上角即可分享
微信分享提示