Reactjs 如何获取页面的页面高度

Reactjs 如何获取页面的页面高度,reactjs,height,Reactjs,Height,我希望在呈现所有内容后获得React中的页面高度。 页面是动态构建的(使用post API),因此加载内容需要几毫秒 我试图通过以下方法获得componentDidMount函数中的高度: var body = document.body, html = document.documentElement; var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientH

我希望在呈现所有内容后获得React中的页面高度。 页面是动态构建的(使用post API),因此加载内容需要几毫秒

我试图通过以下方法获得componentDidMount函数中的高度:

var body = document.body, html = document.documentElement;
          var height = Math.max(body.scrollHeight, body.offsetHeight,
              html.clientHeight, html.scrollHeight, html.offsetHeight);
但是它不起作用(它给了我一个小高度,没有整页)

你知道怎么做吗


非常感谢

你指的是视口的高度还是整个页面应有的高度?我指的是整个页面的高度。因为实际上我把这些信息发送到一个网站,在那里内容是通过iframe加载的,并动态地调整到没有滚动条的高度。等等,你要做的是,在加载之后,获取整个页面的高度,这样你就可以把它插入到一个iframe中,使iframe达到最大高度以避免滚动条了?就是这样!但更复杂的是,当您导航到iframe时,高度会发生变化,iframe必须自动更新其高度。要在每次页面更改时发送此信息,我使用event.data和
postMessage
。它工作得很好,只是我无法计算每个页面的整个页面高度(加载新组件时)