反应路由器路径：在路径内创建可选值

Question

考虑以下两条反应路由路径：

1. /site/my/photos/:id
2. /site/photos/:id

我希望第一个路径中的 'my' 是可选的。

如何将其设置为可选（可能与 ? 符号有关），然后如何检索 URL 中是否存在 my？

Answer 1

我认为您应该定义两条具有相同组件的路由，如下所示：

<Route path="/site/my/photos/:id" component={MyComponent} />

<Route path="/site/photos/:id" component={MyComponent} />

Answer 2

您可以将一组路径传递到 react-router-dom 的路由，例如：

<Route path={["/site/my/photos/:id", "/site/photos/:id"]} component={MyComponent} />