如何使用反应路由器在 URL 中使用哈希

Question

我刚开始反应并面临问题。我有一个包含两个选项卡的页面。我想创建一个哈希 URL，以便它可以根据 url 哈希重定向到相应的选项卡。同样，当我打开页面并更改选项卡时，url 也会更新。请详细回答，因为我是新手，不知道专业术语。 此外，我也必须为此使用反应路由器。 注意：我正在使用打字稿，以防它改变了我的解决方案。

提前致谢。

Answer 1

HashRouter 在 URL 中使用哈希符号，其作用是在服务器请求中忽略所有后续 URL 路径内容（即您发送 "www.mywebsite.com/#/person/id"，服务器得到 {{1 }}。因此，服务器将返回 pre "www.mywebsite.com" URL 响应，然后 post # 路径将由您的客户端 react 应用程序解析处理。

示例代码：

#