526互联

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

发布时间 2023-04-13 17:12:23作者: 哎呦你可棒棒了

问题描述：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>;