React:如何将路径与具体路径中的参数进行比较

Question

我有两个不同路径的应用程序逻辑部分，我需要知道用户去哪里。我是这样做的：

this.props.history.listen((location, action) =>
{
if (action === "PUSH")
{
const { modeType } = this.props;
if ((modeType === first && secondPathes.includes(location.pathname))
|| (modeType === second && firstPathes.includes(location.pathname)))
{
// some logic
}
}
});

但它不适用于参数为"/customers/1/profile" != "/customers/:id/profile"的路径。如何正确比较路径？

Answer 1

解决方案是使用react-router中的matchPath。

matchPath("/customers/3/profile", { path: "/customers/:id/profile" })

并且使用CCD_ 3而不是CCD_。