현재 페이지가 React + React-Router로 일시적으로 남아있는 경우 사용자에게 알리기

myState이 true 인 동안 사용자가 페이지에서 다른 페이지 (창/탭/etc)를 변경하려고하면 알림/경고 React JS의 사용자는 react-router입니다.현재 페이지가 React + React-Router로 일시적으로 남아있는 경우 사용자에게 알리기

도움말 TransitionHook 및 React-router의 Confirming Navigation 도움말을 사용하여 구현을 시도했습니다. 이것들은 사용자가 페이지를 닫거나 다시로드하고 싶을 때만 나타납니다. 반면에 사용자 이 일시적으로 페이지를 닫지 않고 언제 닫아야하는지 알 필요가있는 반면.

어떻게하면됩니까?

출처

2016-09-01 Emo

"페이지를 떠난다"는 것은 페이지가 열려 있지만 다른 창이 튀어 나온 경우 document.hasFocus 속성을 사용하는 것이 좋습니다.

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

출처

2016-09-01 17:39:10

는 사실이 아마 우리를 위해 작동합니다 꽤 깔끔한 해결책 : 여기에 접선 방향으로 관련이 나는 문제를 처리 한 방법입니다. 감사! 그럼에도 불구하고, 좀 더 기다려서 어떤 반응이나 반응 라우터 특정 API가 있는지 알아볼 것입니다. – Emo

현재 페이지가 React + React-Router로 일시적으로 남아있는 경우 사용자에게 알리기

답변

관련 문제