Reactjs 如何在全屏模式或react模式下检测浏览器

问题：

我想在浏览器处于全屏和正常屏幕时显示警报。我做了这样的事

componentDidMount(){
    document.addEventListener("fullscreenchange",this.changeWidth());
}

  changeWidth=()=>{
    console.log(window.innerHeight);
    console.log(window.screen.height)
    if( window.innerHeight == window.screen.height) {
      console.log("browser is in full screen")
      alert("browser is in full screen")
    }

    else{
      alert("Browser in normal screen")
    }
  }

---

警报仅在正常模式下显示，但在浏览器进入全屏模式时未显示。有人能告诉我一个让这一切发生的方法吗？我发现了很多关于使用javascript的问题，但我尝试的所有这些答案在react中似乎都不起作用。如果有人能帮助我，这是一个很大的帮助。

尝试将

componentDidMount

更改为``componentDidMount（）{document.addEventListener（“fullscreenchange”，this.changeWidth）；}“``因为您必须向事件传递回调listener@AndreyKhoronko当我把它放在正常模式下不工作的时候，我想这取决于你如何激活全屏模式。我发现

fullscreenchange

事件不是由F11键盘快捷键触发的，但它与

requestFullscreen

api一起工作。尝试从某个事件请求全屏显示，例如

document.onclick=（）=>document.documentElement.requestFullscreen（）

我还发现，

window.innerHeight！=window.screen.height

在全屏模式下，选择

document.fullscreen

或

document.fullscreen元素。请参阅尝试将
componentDidMount
更改为``componentDidMount（）{document.addEventListener（“fullscreenchange”，this.changeWidth）；}``中的详细信息，因为您必须向事件传递回调listener@AndreyKhoronko当我把它放在正常模式下不工作的时候，我想这取决于你如何激活全屏模式。我发现
fullscreenchange
事件不是由F11键盘快捷键触发的，但它与
requestFullscreen
api一起工作。尝试从某个事件请求全屏显示，例如
document.onclick=（）=>document.documentElement.requestFullscreen（）
我还发现，
window.innerHeight！=window.screen.height
在全屏模式下，选择
document.fullscreen
或
document.fullscreen元素。请参阅中的详细信息