fix: Fixed Tab titles rendering as all Closes #57

myxvisual · Aug 8, 2018 · d2d241b · d2d241b
1 parent c4f3881
commit d2d241b
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/src/Tabs/index.tsx b/src/Tabs/index.tsx
@@ -133,15 +133,18 @@ export class Tabs extends React.Component<TabsProps, TabsState> {
         className={styles.root.className}
       >
         <div {...styles.titles}>
-          {tabs && tabs.map((tab, index) => (
-            <span
-              {...(index === tabFocusIndex ? styles.titleFocus : styles.title)}
-              key={`${index}`}
-              onClick={() => this.setState({ tabFocusIndex: index })}
-            >
-              {renderTitle(tabTitle || `Tabs Items ${index + 1}`)}
-            </span>
-          ))}
+          {tabs && tabs.map((tab, index) => {
+            const tabTitle = tab.props.title || `Tabs Items ${index + 1}`;
+            return (
+              <span
+                {...(index === tabFocusIndex ? styles.titleFocus : styles.title)}
+                key={`${index}`}
+                onClick={() => this.setState({ tabFocusIndex: index })}
+              >
+                {renderTitle(tabTitle)}
+              </span>
+            );
+          })}
         </div>
         {useAnimate ? (
           <CustomAnimate