App.js

import React, { Component } from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import ViewFilms from "./components/films/films";
import AddFilms from "./components/films/add-films";
import "./App.css";

class App extends Component {
  render() {
    return (
      <Router>
        <div>
          <Route exact path="/" component={ViewFilms} />
          <Route exact path="/films" component={ViewFilms} />
          <Route path="/films/add" component={AddFilms} />
          <Route path="/tambah-kategori-buku" component={AddFilms} />
        </div>
      </Router>
    );
  }
}

export default App;