Question

我有一个使用ant d的react应用。我添加了一个ant d标签栏并使它具有粘性。现在，我想在ant-d标签栏的右侧添加一个按钮。像这样吗

<Tabs className={sticky}>
  <TabPane tab="Tab 1" key="1">
    Content of Tab Pane 1
  </TabPane>
  <TabPane tab="Tab 2" key="2">
    Content of Tab Pane 2
  </TabPane>
  <button>Click me</button>
</Tabs>

Answer 1

Tabs带一个名为tabBarExtraContent的prop，带一个反应节点。

这里is an example是我为您创建的。

代码段：

<Tabs tabBarExtraContent={<button>Click me</button>} className={"sticky"}>
        <TabPane tab="Tab 1" key="1">
          Content of Tab Pane 1
        </TabPane>
        <TabPane tab="Tab 2" key="2">
          Content of Tab Pane 2
        </TabPane>
      </Tabs>

如何在标签栏中添加元素（不是标签）？

1 个答案: