路由中带有额外斜杠的网址不适用于react-router

Question

我正在使用类似于下面的代码将我的应用程序路由到其他路由。当路径中没有多余的斜线时，这些路径会按预期工作，但是如果存在额外的斜线，它们往往会中断。

例如：www.example.com//或www.example.com/action//Group1。 这些网址不会打开任何路由，并且会出现黑屏。 有没有办法使这些网址带有额外的斜杠。

import {ConnectedRouter} from 'react-router-redux';
import {
    Route,
    Switch
} from 'react-router-dom';

<ConnectedRouter history={app.history}>
    <div>
        <Switch>
            <Route
              exact
              path={action/:selectedGroup?`}
              render={(props) =>
                (<ActionPage {...props} />)
              }
            />
            <Route
              exact
              path={detail/:selectedGroup?`}
              render={(props) =>
                (<DetailsPage {...props} />)
              }
            />
            <Route
              exact
              path={dependency/:selectedGroup?`}
              render={(props) =>
                (<DependencyPage {...props} />)
              }
            />
            <Route
              exact
              path="/:selectedGroup?"
              render={(props) =>
                (<HomePage {...props} />)
              }
            />
        </Switch>
    </div>
</ConnectedRouter>