如何创建具有动态url前缀的链接？

Question

在我的项目中，我有两条路线显示相同的组件。

<Switch>
        <Route path="/one" component={Example}></Route>
        <Route path="/two" component={Example}></Route>
</Switch>

我想发生的事情是将Link中的path="/one"组件引到/one/example，而path="/two"引到/two/example。

但是，我不能使用react-router的basename属性，因为并非所有链接都具有相同的前缀。

目前，我正在传递一个urlPrefix道具，并将其手动附加到每个Link to=。这不是一个很干净的解决方案，需要在组件树的深处钻取道具。

<Route
  path="/one"
  render={props => < Example {...props} urlPrefix="/one" />}
/>

有人对这个问题有一个很好的，干的解决方案吗？