App.js

import React from 'react';
import {BrowserRouter as Router, Switch, Route} from 'react-router-dom';

import Navbar from './pages/Navbar';
import Student from './pages/Student';
import Addstudent from './pages/AddStudent';
import ViewStudent from './pages/ViewStudent';
import EditStudent from './pages/EditStudent';


function App() {
  return (
    <Router>
      <Navbar />

      <Switch>
        <Route path="/students" component={ViewStudent} />
        <Route exact path="/" component={Student} />
        <Route exact path="/add-student" component={Addstudent} />
        <Route path="/edit-student/:id" component={EditStudent} />
      </Switch>
    </Router>
  );
}

export default App;