javascript - JS/React 的类似 ViewDidAppear 的方法?

标签 javascript reactjs

假设有两个选项卡打开了同一个网页。 在一个选项卡上,我在 localStorage 中进行了一些更改,然后,当我转到另一个选项卡时,我希望看到该更改,而无需重新加载页面。

我想到的一种方法是使用 setInterval 方法,但对于我的应用程序,我实际上不需要每 3-5 秒检查一次更新,所以我不需要感觉这种方法很理想。

我正在使用 React。 TLDR:有没有一种好方法可以在我打开以前加载的网页的选项卡时立即更新数据?


对于 iOS 用户的旁注:在 iOS 上,有一个 viewDidLoad 方法(根据我的理解,它类似于 componentDidMount),并且有一个 viewDidAppear 方法(所以我基​​本上是要求 viewDidAppear 的 React/JS 版本?)


关于可能重复的问题:对我来说,这似乎相当不同,而且这个问题更关注 React.js。

最佳答案

使用页面可见性 API 或仅使用窗口的焦点事件。我建议将备份计时器设置为一分钟左右...这些事件可能很挑剔。

除了 binding to global events 之外,没有什么具体的 react 。 .

关于javascript - JS/React 的类似 ViewDidAppear 的方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29586662/

相关文章:

javascript - 替换指令内的值而不替换整个指令

javascript - 谷歌地图在 Bootstrap 模式的左上中心开始路径

javascript - 在javascript中动态生成新 Canvas

reactjs - 样式表中的平台条件语句(react-native)

reactjs - 单击三个按钮之一后如何显示特定按钮的内容?单击其中一个按钮后,应隐藏所有按钮

reactjs - SyntaxHighlighter 与 webpack 和 React

javascript - 打印两个值而不解构

javascript - JQGrid - SetRowData - 返回成功但没有更新数据

CSS 帮助 - 删除图像之间的空白 (<img>)

javascript - react 拖放 : Div Refuses Drag