Tabs with onClick

Tabs.js

class Tabs extends React.Component {
  state = {
    activeTabIndex: 0
  };

  handleTabClick = event => {
    this.setState({
      tabActivated: 1
    });
  };
  render() {
    const tabRectMarkup = this.props.data.map((country, index) => {
      return (
        <div
          onClick={this.handleTabClick}
          className="Tab"
          style={styles.activeTab}
        >
          {country.name}
        </div>
      );
    });
    return (
      <div className="Tabs">
        {tabRectMarkup}
        <div className="TabPanel" style={styles.panel}>
          Country Description
        </div>
      </div>
    );
  }
}