React Router：使用 HashHistory 并尝试获取 location.hash

Question

我目前在我的 SPA 中使用 hashHistory。当用户注册时，他们会收到一封电子邮件以验证帐户。当他们单击验证按钮时，它将重定向到我的网站，并在 url 中使用 jwt 令牌

当前网址：

website.com/#/

点击邮件中的验证后：

website.com/#/dashboard#SomeReallyLongTokenValue

问题是，因为我使用 hashHistory 我不能这样做：

this.props.location.hash

因为它现在将第一个哈希值视为值（这是一个空字符串）。我该如何解决？我知道迁移到 browserHistory 可以解决这个问题，但目前还不可能。

Answer 1

您可以添加一个全局hashchange event handler，每次哈希更改时都会调用它，检查是否存在多个哈希字符并选择您需要的段并设置正确的哈希。

window.addEventListener('hashchange', function (e) { 
    var fragments = e.newURL.split('#');
    if (fragments.length <= 2) {
        return;
    }
    location.hash = fragments[fragments.length-1];
});