Helpfull for display data for multiple params
import React from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import RouteTest from "./RouteTest";
import About from "./About";
const Routes = () => {
return (
<Router>
<Switch>
<Route exact path="/page/:params" component={RouteTest} />
</Switch>
</Router>
);
};
export default Routes;
// Another component
import React from "react";
import { useParams } from "react-router-dom";
const RouteTest = () => {
let { params } = useParams();
return(
<>
Params Detail: { params }
<>
)
};
export default RouteTest;
© www.thecoderjob.com. All Rights Reserved. Designed by HTML Codex