bee-tabs/src/TabPane.js

/**
* This source code is quoted from rc-tabs.
* homepage: https://github.com/react-component/tabs
*/
import React,{Component} from "react";
import PropTypes from "prop-types";
import classnames from "classnames";
import createClass from 'create-react-class';

const propTypes = {
  className: PropTypes.string,
  active: PropTypes.bool,
  style: PropTypes.any,
  destroyInactiveTabPane: PropTypes.bool,
  forceRender: PropTypes.bool,
  placeholder: PropTypes.node
};
const defaultProps = {
  placeholder: null
};
class TabPane extends Component {
  render() {
    const props = this.props;
    const { className, destroyInactiveTabPane, active, forceRender } = props;
    this._isActived = this._isActived || active;
    const clsPrefix = `${props.rootclsPrefix}-tabpane`;
    const cls = classnames({
      [clsPrefix]: 1,
      [`${clsPrefix}-inactive`]: !active,
      [`${clsPrefix}-active`]: active,
      [className]: className
    });
    const isRender = destroyInactiveTabPane ? active : this._isActived;
    return (
      <div
        style={props.style}
        role="tabpanel"
        aria-hidden={props.active ? "false" : "true"}
        className={cls}
      >
        {isRender || forceRender ? props.children : props.placeholder}
      </div>
    );
  }
}
TabPane.propTypes = propTypes;
TabPane.defaultProps = defaultProps;

export default TabPane;