html - document.getElementById ("componentID").clientHeight 总是在 componentDidMount() 函数中给出零

Question

我想在页面准确加载后获取页眉的高度。

我试图通过调用将高度保存在 componentDidMount() 中的状态

document.getElementById("Header").clientHeight

但它总是在 componentDidMount() 中返回 0。我也试着打电话

document.getElementById("Header").getClientRects()[0].height

但它也失败了，因为 .getClientRects() 返回空数组。这两种方法适用于 componentDidMount() 以外的任何其他函数

Answer 1

你试过超时包装吗？

componentDidMount() {
  setTimeout(()=>{
     document.getElementById("Header").clientHeight
   },0)
}