Javascript 反应路由器DOM:更改路径中的匹配

在我的应用程序中，我有一个这样设置的路由器

  <BrowserRouter basename={props.base_path}>
    <Switch>
      <Route
        path="/views/:view_id/card"
        render={(routerProps) => (
          <>
            <Toolbar {...routerProps} />
          </>
        )}
      ></Route>
    </Switch>
  </BrowserRouter>

(
)}
>

在

工具栏中

我希望能够更改：view\u id的值。我知道使用

useHistory

可以替换部分路径，但我不知道有什么方法可以专门针对路径的：view\u id部分

---

使用react router dom更改此匹配变量的最正确方法是什么？

我发现的一个选项是将路径向下传递到工具栏，然后执行以下操作

history.push(props.path.replace(':view_id', opt.value))