如果当前页面暂时留有React + React-Router,则提醒用户

时间:2016-09-01 16:28:10

标签: reactjs react-router browser-history html5-history

如果用户在myStatetrue时尝试将活动页面(窗口/标签/等)从我们的页面更​​改为另一个,我们希望使用{在React JS中通知/提醒用户{1}}。

我尝试使用帮助TransitionHook和React-router的Confirming Navigation文章来实现它。虽然这些仅在用户想要关闭页面或重新加载时指出/工作。我需要知道用户何时暂时离开页面而不必关闭它

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:1)

如果通过“离开页面”,表示页面已打开,但弹出了不同的窗口,则可以考虑使用document.hasFocus属性。这是我处理与切线相关的问题的一种方式:

componentDidMount: function (){ setInterval(()=>{ if (document.hasFocus()){ this.checkServerState(); } }, },