Javascript 不要在新页面加载或刷新时呈现React组件

我正在寻找一种方法，使React在页面刚刚加载或刷新时不呈现组件。仅当用户在单页应用程序中从一页浏览到另一页时，组件才应呈现

---

我已经尝试使用

window.document.readyState

来检测此问题，但这是偶然发生的。

您可以像这样在浏览器中使用会话存储

if(!sessionStorage.active || sessionStorage.active == window.location.href) {
    // First visit or refresh
} else {
    // Render component
}
sessionStorage.active = window.location.href;

当用户第一次访问页面时，

sessionStorage.active

将不会被设置，它将转到

//首次访问或刷新

如果用户刷新页面，将设置

会话存储.active

，但它也将等于当前url，并转到

//首次访问或刷新

如果用户从站点内的另一个页面访问该页面，则将设置

sessionStorage.active

，它将与

window.location.href

不匹配，因为它当前设置为以前访问过的页面url。因此，它将转到

//渲染组件

这个解决方案可能有一些特殊情况需要解决，但希望您有一个好的起点