usematch react router
import React from 'react' import ReactDOM from 'react-dom' import { useParams } from 'react-router-dom' function BlogPost() { // We can call useParams() here to get the params, // or in any child element as well! let { slug } = useParams() // ... } ReactDOM.render( <Router> <div> <Switch> {/* No weird props here, just use regular `children` elements! */} <Route path="/posts/:slug"> <BlogPost /> </Route> </Switch> </div> </Router>, document.getElementById('root') )