Routing Modal di React js

Permisi kawan, disini ada yang tau caranya routing modal di react js?saya kesulitan karena harus membuat route ke modal dengan tetap mempertahankan tampilan backgroundnya yaitu rootnya atau biasanya "/"

kode saya saat ini
import React, { useState } from "react";
import {
  Route,
  Switch,
  Redirect,
  useHistory,
  useLocation,
} from "react-router-dom";
import { ModalContainer, ModalRoute } from "react-router-modal";

// page
import Home from "./Page/Home";
import DialogEditUsers from "./Page/Component/DialogEditUsers";

function App() {
  let location = useLocation();
  let background = location.state && location.state.background;

  return (
    <div className="container">
      <Switch location={background || location}>
        <Route exact path="/" component={Home} />
        <ModalRoute
          path="/user/:id"
          parentPath="/"
          component={DialogEditUsers}
        />
        <Route>not found</Route>
      </Switch>
      <ModalContainer />
      {/* <Route path="/" children={DialogEditUsers} /> */}
    </div>
  );
}

export default App;

avatar asep67

Ditanyakan oleh @asep67

12 Kontribusi 1 Poin

Login untuk menanggapi


Jawaban

Belum ada Jawaban, jadi yang pertama

Login untuk gabung berdiskusi