时间戳

首页 > 解决方案 > Ant Design 添加纯文本菜单项

javascript - Ant Design 添加纯文本菜单项

问题描述

我想向我的Ant Design Menu添加一个简单的文本项，例如：

<Menu>
  <Menu.Item key={to} style={style}><a href="/page1"> Page 1</a></Menu.Item>
  <Menu.Item key={to} style={style}><a href="/page2"> Page 2</a></Menu.Item>
  <span>Non clickable text</span>
</Menu>

这显示得很好，但它在控制台中给了我很多错误：

index.js:2178 警告：React 无法识别subMenuKeyDOM 元素上的道具。如果您有意希望它作为自定义属性出现在 DOM 中，请将其拼写为小写字母submenukey。如果您不小心从父组件传递了它，请将其从 DOM 元素中移除。

有没有人有办法解决这个问题？我真的很喜欢那个菜单组件，所以不想重写我自己的。

标签： javascriptreactjsantd

解决方案

如此处所示，问题在于您正试图<Divider />在您的菜单中包含一个，并且菜单有一个有限的孩子列表，它将接受。<Divider />不是可以接受的孩子之一。

如果您删除该<Divider />元素，这些警告将消失。我自己真的遇到了这个。

将您的引用更改为

<Menu.Divider />

你将成为古驰。

推荐阅读