Javascript React-IE11-刷新时未识别为已访问的已访问链接

我正在为IE11开发React应用程序。链接的锚定标记很少。我面临的问题是链接在刷新时不保留访问状态/css。该应用程序在Chrome上运行良好，仅在IE上，用户已经点击的链接在应用程序刷新时仍显示为未访问的链接

浏览器-IE11 反应-16.3.2

访问链接的CSS：

a:visited, a:hover, a:focus, a:active {
  color: #551A8B !important;
}

---

这似乎是IE历史API的一个问题，在IE历史API中，他们不将

pushState

调用计算为访问。希望这能从IE方面得到解决

引自-

“一个可能的解决办法是跟踪所有页面 从JS中访问并应用样式与 访问风格。让它正常工作将是非常丑陋的 不过。”

有关更多详细信息的链接：

---

这似乎是IE历史API的问题，IE的历史API不将

pushState

调用计算为访问。希望这能从IE方面得到解决

引自-

“一个可能的解决办法是跟踪所有页面 从JS中访问并应用样式与 访问风格。让它正常工作将是非常丑陋的 不过。”

有关更多详细信息的链接：

---

尝试您的sol以便于调试，但在应用程序刷新时访问的状态仍然丢失。尝试您的sol以便于调试，但在应用程序刷新时访问的状态仍然丢失。是否有任何可能的解决方案来覆盖此行为？很遗憾，只有这种方法：您必须跟踪从JS访问的URL—将其保存在localStorage/sessionStorage中，并在该列表中的每个URL的锚标记中使用的所有URL中添加一个类名。在CSS中，包括这个类选择器和你的a:visited规则。有没有可能的解决方案来覆盖这个行为？遗憾的是，只有这个黑客方法：你必须跟踪从JS访问的URL-将它保存在localStorage/sessionStorage中，并保存到该列表中的每个URL，在锚定标记中使用URL的所有位置添加类名。在CSS中，包括这个类选择器以及您的a:visted规则。

 a:visited { 
    text-decoration:none; 
    display:inline; margin:0 ;  
    color:red; 
    font-size:11px;  
    font-weight:bold; 
}
 a:focus{
 color:green;
 }
 a:active{
 color:brown;
 }
a:hover { 
    color:yellow;  
}