Netflix 如何显示再见页面？答案

【问题标题】：How does Netflix show the good bye page?Netflix 如何显示再见页面？
【发布时间】：2020-11-10 04:22:21
【问题描述】：

我知道 Netflix 使用 ReactJs。当您离开网站时，您会看到一个带有 Netflix 徽标的黑色页面。我假设它使用了带有返回函数的 useEffect（相当于 componentWillUnmount 的钩子），并且我还在 React Router 中尝试了 onLeave。但我无法复制它。有人知道吗？

【问题讨论】：

不确定 Netflix 是如何做到的，但是如果黑页是背景图像并且每个组件都呈现在它上面，您可以达到相同的效果。当它们都被摧毁时，图像就是所有的保留
所以。在我的主要 index.js 中，我会将其他所有内容都包装在一个带有墙纸的 div 中？
或者在 App.js 中？
我不会使用 JS。页面上只是普通的老式 HTML/CSS，当所有 JS 都被处理掉时，它仍然存在
好的。就像在我的 Public index.html 中一样？

标签： reactjs netflix

【解决方案1】：

我的猜测是他们正在使用 WindowEventHandlers 事件beforeunload，当您离开网站或关闭选项卡时会触发该事件。

window.addEventListener('beforeunload', () => {
 //code
})

【讨论】：