获取ReactJS中的视口/窗口高度

使用挂钩（React16.8.0+）

创建一个useWindowDimensionshook

从“react”导入{useState，useffect}；
函数getWindowDimensions（）{
常量{innerWidth:width，innerHeight:height}=window；
返回{
宽度
身高
};
}
导出默认函数useWindowDimensions（）{
const[windowDimensions，setWindowDimensions]=useState（getWindowDimensions（））；
使用效果（（）=&gt{
函数handleResize（）{
setWindowDimensions（getWindowDimensions（））；
}
window.addEventListener（'resize'，handleResize）；
return（）=&gt；window.removeEventListener（'resize'，handleResize）；
}, []);
返回窗口尺寸；
}

之后，您就可以在这样的组件中使用它了

常量组件=（）=&gt；{
const{height，width}=useWindowDimensions（）；
返回(
&lt；div&gt；
宽度：{width}~高度：{height}
&lt；/div&gt；
);
}

工作示例

原始答案

在React中也是如此，您可以使用window.innerHeight获取当前视口的高度

正如你在这里看到的