如何使react-router与动态构造的字符串一起工作

Question

我需要根据动态构造的字符串执行路由。类似“city-homestay-id”的东西，其中“city”和“id”被动态替换。我如何使它与react-router一起使用。

例： www.xxx.com/atlanta-homestay-12345

由于

Answer 1

只需在<Route path="/:cityId" component={YourComponent} />

中使用YourComponent进行动态路由和访问ID即可

const { match: { params } } = this.props;
console.log(params.cityId);