javascript - 通过react-router处理带有斜杠的路径的方法是什么？

Question

我在使用 react 路由器进行动态路由时遇到问题。我的示例路径如下所示:

/contacts/C/BG-DPC-063

这是我的路线:

<Route path='/contacts/:contactId' component={Contacts}/>

所以当我尝试处理我的比赛时:

const {
    params: { contactId }
} = match;

由于斜杠，contactId 只是“C”。我该如何处理这个问题？这是来自 API 的 ID，因此我无法更改它。

Answer 1

你为什么不使用:

<Route path='/contacts/:contactPrefix/:contactSuffix' component={Contacts}/>

那你稍后再合并它们吗？