Просмотр исходного кода

Fix PageHeader Tabs Display Issue

对`PageHeader`中的`tabList`展示逻辑做了更新,原本的实现会在外部传入一个空数组`tabList`时展现一个0出来(`tabList.length`的返回值)
Sean Bao 7 лет назад
Родитель
Сommit
784d71e2ff
1 измененных файлов с 10 добавлено и 11 удалено
  1. 10 11
      src/components/PageHeader/index.js

+ 10 - 11
src/components/PageHeader/index.js

@@ -221,17 +221,16 @@ export default class PageHeader extends PureComponent {
             </div>
           </div>
         </div>
-        {tabList &&
-          tabList.length && (
-            <Tabs
-              className={styles.tabs}
-              {...activeKeyProps}
-              onChange={this.onChange}
-              tabBarExtraContent={tabBarExtraContent}
-            >
-              {tabList.map(item => <TabPane tab={item.tab} key={item.key} />)}
-            </Tabs>
-          )}
+        {(tabList && tabList.length) ? (
+          <Tabs
+            className={styles.tabs}
+            {...activeKeyProps}
+            onChange={this.onChange}
+            tabBarExtraContent={tabBarExtraContent}
+          >
+            {tabList.map(item => <TabPane tab={item.tab} key={item.key} />)}
+          </Tabs>
+        ) : null}
       </div>
     );
   }