Node.js 移动键盘打开时隐藏组件

我想知道是否有一种方法可以在屏幕上打开手机（Andriod、iOS等）键盘时隐藏React组件（例如底部导航栏组件）

目前我正在用一个：

@media (max-height: 400px) {
    .navclass {
        display: none;
    }
}

---

但我想知道是否有JS事件或类似事件。

当am输入元素集中在内置键盘的设备上时，键盘会弹出。
ReactJS允许您在代码中编写普通JavaScript

this.state = {
    isNavVisible: true
}

现在，您可以将其作为道具动态地传递到组件上，并将其作为组件主文件中的内联样式设置为wrappers元素的样式

然后，您可以在输入或元素上编写一个函数来聚焦：

const disableNav = () => {
    if(windows.innerWidth <= 400){
          this.setState({isNavVisible: false})
    }
}

const disableNav=（）=>{
如果（windows.innerWidth