ant-design 请为 < Menu /> 组件添加 renderItem 接口

mwyxok5s  于 4个月前  发布在  其他
关注(0)|答案(1)|浏览(58)

What problem does this feature solve?

我希望当鼠标悬浮于 <Menu /> 任意 item 之上时,显示 <Popconfirm /> 气泡卡片,
虽然 MenuItemType 的接口 label 能接收 ReactNode 组件,但气泡的显示位置会受到 label 自身长度的影响。

我做了一个示例 Demo 用于表达我的想法:

这个示例中,我在 <Menu />MenuItem[] 里将 <Popconfirm /> 传递给 label 接口,
当鼠标悬浮在 Menu 的文字上方时,才会出现气泡,并且气泡出现在文字旁边,而不是指向整个 item。
为了达到预期效果,我模仿 <Menu /> 组件的样式用 CSS 自行实现了一个组件。

What does the proposed API look like?

我希望 <Menu /> 能提供 <List /> 组件相似的接口:renderItem 用于自定义渲染 MenuItem 。

相关问题