import React from "react";
import { BrowserRouter as Router, Routes, Route, Link, useParams } from "react-router";
export default function ParamsExample() {
return (
<Router>
<div>
<h2>Accounts</h2>
<ul>
<li><Link to="/netflix">Netflix</Link></li>
<li><Link to="/zillow-group">Zillow Group</Link></li>
<li><Link to="/yahoo">Yahoo</Link></li>
<li><Link to="/modus-create">Modus Create</Link></li>
</ul>
<Routes>
<Route path="/:id/:page?" element={<Child />} />
</Routes>
</div>
</Router>
);
}
function Child() {
let { id } = useParams();
return (<div><h3>ID: {id}</h3></div>);
}
import React from "react";
import { BrowserRouter as Router, Routes, Route, Link, useParams } from "react-router";
export default function ParamsExample() {
return (
<Router>
<div>
<h2>Accounts</h2>
<ul>
<li><Link to="/netflix">Netflix</Link></li>
<li><Link to="/zillow-group">Zillow Group</Link></li>
<li><Link to="/yahoo">Yahoo</Link></li>
<li><Link to="/modus-create">Modus Create</Link></li>
</ul>
<Routes>
<Route path="/:id/:page?" element={<Child />} />
</Routes>
</div>
</Router>
);
}
function Child() {
let { id } = useParams();
return (<div><h3>ID: {id}</h3></div>);
}