javascript - 在react-router中设置参数类型

Question

如何在URL匹配类型中传递参数？

例如，我有 /profile/:id，它允许我转到 /profile/1。

但问题是我也可以通过/profile/1qwr/，但我什么也得不到。

如何检查 URL 参数的类型并显示错误或其他内容？

Answer 1

对于版本 6 及更高版本:

此答案自 v6 以来已过时。 See discussion on Github (感谢@dan 指出了这一点)。

<小时/>

对于版本 5 及以下版本:

在我看来，最好的解决方案是通过编写简单的正则表达式在 id 参数上设置类型。

如果您希望 id 仅接受整数，则可以这样做:

/profile/:id(\\d+)

/* the `(\\d+)` is a regular expression that will only accept integers */

<小时/>

在 path-to-regex 中了解更多相关信息文档。 path-to-regex 由react-router内部使用，因此不需要安装任何东西。