如何在“蚂蚁设计”选项卡上添加工具提示？

Question

我有此代码，我想在选项卡上执行的操作是在图标上添加工具提示：

<Tabs.TabPane tab={<Tooltip placement="left" title="adasd"><Icon size="1.2" name="cog" /></Tooltip>} key="map">
  <MapProperties onChange={onChange} canvasRef={canvasRef} />
</Tabs.TabPane>

我原本希望将鼠标悬停显示出来，但是它没有用。是否可以在选项卡窗格中添加ant design工具提示？

Answer 1

应该像

<Tooltip title="foo">
 <Tabs.TabPane>....</Tabs.TabPane>
</Tooltip>

https://ant.design/components/tooltip/#header

Answer 2

Anuj的答案不正确，因为TabPane应该是Tabs组件的直接子代。我也有这样的问题，我发现我可以这样解决：

<TabPane
  key="3"
  tab={(
    <Tooltip title="Your hint that appears after user's mouse will be over the tab title">
       <span>tab title</span>
    </Tooltip>
  )}
  disabled={mode === PageMode.NEW}
>

tab属性接受任何ReactNode，因此我们可以将标签名称与任何组件一起包装。工具提示也不例外。