implementing-component.jsx

<TabContainer tabs={['Tab One Label', 'Tab Two Label']}>
  <ChildComponent1 />
  <ChildComponent2 />
</TabContainer>

tab-container.component.jsx

import React from 'react';
import PropTypes from 'prop-types';

export default class TabContainer extends React.Component {
  static propTypes = {
    children: PropTypes.node.isRequired,
    tabs: PropTypes.array.isRequired,
  };

  state = {
    selected: 1,
  }

  showTab(index) {
    this.setState({
      selected: index,
    });
  }

  get tabs () {
    const { tabs } = this.props;

    return tabs.map((tab, index) => {
      return (
        <li key={tab} onClick={() => this.showTab(index)}>
          {tab}
        </li>
      );
    });
  }

  get currentTab () {
    return this.props.children[this.state.selected];
  }

  render () {
    return (
      <div>
        <ul>
          {this.tabs}
        </ul>
        {this.currentTab}
      </div>
    );
  }
}