fix: drop className for tabBar, fix #12051

ant-design · Sep 15, 2018 · 589bafd · 589bafd
1 parent f0f44c6
commit 589bafd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/components/card/__tests__/__snapshots__/demo.test.js.snap b/components/card/__tests__/__snapshots__/demo.test.js.snap
@@ -811,7 +811,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
         class="ant-tabs ant-tabs-top ant-card-head-tabs ant-tabs-large ant-tabs-line"
       >
         <div
-          class="ant-tabs-bar ant-card-head-tabs"
+          class="ant-tabs-bar"
           role="tablist"
           tabindex="0"
         >
@@ -946,7 +946,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
         class="ant-tabs ant-tabs-top ant-card-head-tabs ant-tabs-large ant-tabs-line"
       >
         <div
-          class="ant-tabs-bar ant-card-head-tabs"
+          class="ant-tabs-bar"
           role="tablist"
           tabindex="0"
         >

diff --git a/components/tabs/index.tsx b/components/tabs/index.tsx
@@ -158,12 +158,14 @@ export default class Tabs extends React.Component<TabsProps, any> {
       </div>
     ) : null;
 
+    const { className: dropped, ...tabBarProps } = this.props;
+
     return (
       <RcTabs
         {...this.props}
         className={cls}
         tabBarPosition={tabPosition}
-        renderTabBar={() => <TabBar {...this.props} tabBarExtraContent={tabBarExtraContent}/>}
+        renderTabBar={() => <TabBar {...tabBarProps} tabBarExtraContent={tabBarExtraContent}/>}
         renderTabContent={() => <TabContent animated={tabPaneAnimated} animatedWithMargin />}
         onChange={this.handleChange}
       >