VacancyPage.jsx

import React from 'react';
import Tabs from './components/Tabs';
import Pane from './components/Pane';
import VacancyList from './components/VacancyList';
import Server from './lib/Server';

export default class VacancyPage extends React.Component {

  constructor(props) {
    super(props);
    /* istanbul ignore next */
    this.state = {
      email: '',
      password: '',
      errorFlag: false,
      vacancies: [],
    };
    this.handleItemClick = this.handleItemClick.bind(this);
  }

  handleItemClick = (e, { name }) => this.setState({ activeItem: name });

  // fetchVacancies(url) {
  //   console.log("maho");
  //   Server.get(url).then((data) => {
  //     this.setState({ vacancies: data });
  //   }, () => {
  //   });
  // }

  render() {
    const data = [{ data1: 'val1' }, { data1: 'val2' }];

    return (<div>
      <Tabs selected={0}>
        <Pane label="Semua Lowongan" >
          <VacancyList url="/vacancies/" />
        </Pane>
        <Pane label="Lamaran saya" >
          <VacancyList url="/b" />
        </Pane>
        <Pane label="Lamaran Ditandai" >
          <VacancyList url="/c" />
        </Pane>
      </Tabs>
    </div>

    );
  }
}