mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Use 'classnames' in TabBar to simplify an attribute
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
// @flow
|
||||
|
||||
import classNames from 'classnames';
|
||||
import React, { Fragment, useCallback } from 'react';
|
||||
import Icon from './Icon';
|
||||
|
||||
@@ -60,9 +61,11 @@ export default function TabBar({
|
||||
<Fragment>
|
||||
{tabs.map(({ icon, id, label, title }) => (
|
||||
<label
|
||||
className={`${tabClassName} ${
|
||||
disabled ? styles.TabDisabled : styles.Tab
|
||||
} ${!disabled && currentTab === id ? styles.TabCurrent : ''}`}
|
||||
className={classNames(
|
||||
tabClassName,
|
||||
disabled ? styles.TabDisabled : styles.Tab,
|
||||
!disabled && currentTab === id ? styles.TabCurrent : null
|
||||
)}
|
||||
key={id}
|
||||
onKeyDown={handleKeyDown}
|
||||
title={title || label}
|
||||
|
||||
Reference in New Issue
Block a user