Reactjs 如何确定选项卡窗格的宽度？

我在React中使用以下ant设计组合：

<Tabs type="card">
  <TabPane>...</TabPane>
</Tabs>

...

在React中，将自定义CSS放在TabPane元素上的最简单方法是什么？ 我想修复它们的宽度，但甚至不能将自定义类名放在TabPane上，因为它一旦进入DOM就会丢失。甚至不能将

包装成

，因为

只接受

作为子项

---

谢谢。

看起来该选项不受支持，但Tabbar有一个样式对象，不确定它是否是您想要的

<Tabs type="card" tabBarStyle={{color: 'red'}>
  <TabPane>...</TabPane>
</Tabs>

...

---

o覆盖css。。。我们不得不覆盖许多antd的css:（

看起来该选项不受支持，但Tabbar有一个样式对象，不确定它是否是您要找的

<Tabs type="card" tabBarStyle={{color: 'red'}>
  <TabPane>...</TabPane>
</Tabs>

...

---

o覆盖css…我们必须覆盖antd的许多css:（

好的，我想我得到了：

import styles from './someCssComponent.css';

<Tabs type="card">
  <TabPane key={key} tab={<div className={styles.foo}></div>}>Yolo</TabPane>
</Tabs>

---

好的，我想我明白了：

import styles from './someCssComponent.css';

<Tabs type="card">
  <TabPane key={key} tab={<div className={styles.foo}></div>}>Yolo</TabPane>
</Tabs>