在React Router V5中处理不正确的URL

问题描述

我想为错误的网址显示“错误”页面。常见的方法是在末尾添加路径（*）。

<Route path="/" exact> <Home /> </Route>
<Route path="/:id" /> <Content /></Route>
<Route path="*"> <ErrorPage /></Route>

我需要进行一些验证，就像我需要查看ID列表中是否存在该ID。基于此，我应该渲染

比方说，用户输入www.example.com/**invalidId**。在这种情况下，Route格式会传递并呈现内容组件。添加到我需要检查ID是否在我的列表中

下面列出了两种方法来实现此结果。 推荐的方式是什么？还是对此有更好的解决方案？

1. 在<Content />组件中进行id检查并仅在id有效的情况下进行渲染，否则渲染

2. 添加“ /错误”路由路径-<Route path="/error"> <Error /></Route>。 在内容组件中进行id检查，如果id有效，则将该组件呈现，否则将重定向到“ / error”路由路径，这将依次呈现错误页面组件（此方法的一个缺点是，用户输入的错误网址将丢失）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）