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 。
1条答案
按热度按时间zzlelutf1#
Start a new pull request in StackBlitz Codeflow .