message: Rewrite TabbarItem to functional component
diff: @@ -5,8 +5,21 @@ import classNames from '../../lib/classNames';
  const baseClassName = getClassName('TabbarItem');
  -export default class TabbarItem extends React.Component {
  - static propTypes = {
  +const TabbarItem = ({ className, children, selected, label, text, ...restProps }) => (
  + <div {...restProps} className={classNames(baseClassName, className, {
  + 'TabbarItem--selected': selected
  + })}>
  + <div className="TabbarItem__in">
  + <div className="TabbarItem__icon">
  + {children}
  + {label && <span className="TabbarItem__label">{label}</span>}
  + </div>
  + {text && <div className="TabbarItem__text">{text}</div>}
  + </div>
  + </div>
  +);
  +
  +TabbarItem.propTypes = {
  className: PropTypes.string,
  selected: PropTypes.bool,
  children: PropTypes.node,
  @@ -20,21 +33,4 @@ export default class TabbarItem extends React.Component {
  label: PropTypes.node
  };
  - render () {
  - const { className, children, selected, label, text, ...restProps } = this.props;
  -
  - return (
  - <div {...restProps} className={classNames(baseClassName, className, {
  - 'TabbarItem--selected': selected
  - })}>
  - <div className="TabbarItem__in">
  - <div className="TabbarItem__icon">
  - {children}
  - {label && <span className="TabbarItem__label">{label}</span>}
  - </div>
  - {text && <div className="TabbarItem__text">{text}</div>}
  - </div>
  - </div>
  - );
  - }
  -}
  +export default TabbarItem;
  