react router url code example

Example 1: react router url params

import { Route, useParams } from "react-router-dom";

// Route with URL param of id
<Route path="/:id" children={<Child />} />

// We can use the `useParams` hook here to access
// the dynamic pieces of the URL.
let { id } = useParams();

Example 2: react router base url

<BrowserRouter basename="/calendar"/>
<Link to="/today"/> // renders <a href="/calendar/today">

Example 3: react router dom

npm install react-router-dom

Example 4: routes react

npm install --save react-router-dom

Tags:

Shell Example

Related