javascript - 不要在新页面加载或刷新时渲染 React 组件

Question

如果页面刚刚加载或刷新，我正在寻找一种方法让 React 不渲染组件。仅当用户在单页应用程序中逐页浏览时，组件才应呈现。

我已经尝试使用 window.document.readyState 来检测这一点，但无论成功与否。

Answer 1

你可以像这样在浏览器中使用 session 存储

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

当用户第一次访问页面时，sessionStorage.active不会被设置，它将转到 // First visit or refresh .

如果用户刷新页面，sessionStorage.active将被设置，但它也将等于当前 url 并转到 // First visit or refresh .

如果用户从站点内的另一个页面访问该页面，sessionStorage.active将被设置，它不会匹配 window.location.href因为它当前设置为以前访问过的页面 url。因此它将转到 // Render component .

此解决方案可能存在一些必须针对特殊用例解决的怪癖，但希望您有一个好的起点。