javascript - 在 react-router 中用连字符匹配路由

Question

我有这样的网址；

http://0.0.0.0/country/bosnia-and-herzegovina-644

这是我的路由声明

<Route path="/country/:countrySlug-:countryId" component={CountryPage} />

所以这不起作用，因为连字符打破了它，我怎么能改变它所以我只提取最后一个连字符作为参数，我真的不想改变我的 slug 生成系统来使用不同的字符，因为这些是恕我直言，最具可读性，但仅用于信息，不用于内容加载。

谢谢

Answer 1

我不知道你是否可以这样做，但也许你可以这样做:

<Route path="/country/:country" component={CountryPage} />

然后在组件中:

const countryId = this.props.match.params.country.slice('-').pop();