React Router DOM: Change match in path

  javascript, react-router-dom, reactjs

In my app I have a router set up like this

  <BrowserRouter basename={props.base_path}>
        render={(routerProps) => (
            <Toolbar {...routerProps} />

Inside Toolbar I would like to be able to change the value of :view_id. I know that using useHistory I can replace parts of the path but I’m not aware of a way I can specifically target the :view_id part of the path.

What would be the most correct way to change this matched variable with react-router-dom?

Source: Ask Javascript Questions