Transport-platform/App.js

81 lines
1.8 KiB
JavaScript
Raw Normal View History

2020-04-28 16:18:35 +02:00
// import React from 'react';
// import logo from './logo.svg';
// import './App.css';
// function App() {
// return (
// <React.Fragment>
// <NavBar />
// <main className="container">
// <Switch>
// {/* <Route path="/login" component={LoginForm} /> */}
// {/* <Route path="/movies/:id" component={MovieForm} /> */}
// <Route path="/ticket" component={Ticket}></Route>
// <Route path="/operator" component={Operator}></Route>
// <Route path="/cityLine" component={CityLine}></Route>
// <Route path="/notFound" component={NotFound}></Route>
// <Route path="/line" component={Line}></Route>
// <Redirect from='/' exact to ="/home"/>
// <Redirect to ="/notFound"/>
// </Switch>
// {/* <Movies/> */}
// </main>
// </React.Fragment>
// );
// }
// export default App;
import React from "react";
import CityLine from './components/cityLine'
import Operator from './components/operator'
import Ticket from './components/ticket'
import TravelPlanner from './components/travelplanner.jsx'
import Vehicule from './components/vehicule'
import { Container, Row, Col } from 'react-bootstrap'
import './style.css'
//import TravelPlanner from './components/travelplanner';
class App extends React.Component {
constructor() {
super();
this.state = {
status: false
};
this.changeState = this.changeState.bind(this);
}
changeState() {
this.setState(prevState => {
return { status: !prevState.status };
});
}
render() {
return (
<div className='mainGrid'>
<CityLine/>
<Operator />
<Ticket />
<TravelPlanner />
<Vehicule />
<h1>John's app</h1>
</div>
)
}
}
export default App;