ScoDocMobile/src/ScoDoc/GestionSemestre.js

import React, {Component} from "react";
import {Tabs, Tab} from "react-bootstrap"
import Accueil from "./GestionSemestre/Accueil";
import Absences from "./GestionSemestre/Absences";
import Eleves from "./GestionSemestre/Eleves";
import ScoNavBar from "./ScoNavBar";
import Bulletin from "./GestionSemestre/Bulletin";

class GestionSemestre extends Component {
    render() {
        return (
            <div>
                <ScoNavBar/>
                <div>
                    <Tabs defaultActiveKey="Accueil" id="controlled-tab-example">
                        <Tab eventKey="Accueil" title="Acceuil">
                            <Accueil />
                        </Tab>
                        <Tab eventKey="Absences" title="Absences">
                            <Absences />
                        </Tab>
                        <Tab eventKey="Bulletin" title="Bulletins">
                            <Bulletin />
                        </Tab>
                        <Tab eventKey="Eleves" title="Eleves">
                            <Eleves />
                        </Tab>
                    </Tabs>
                </div>
            </div>
        )
    }
}

export default GestionSemestre