dom - 从 react-reason DOM ref 获取 clientHeight

Question

我正在访问reason-reactDOM 引用以确定客户端高度。

不幸的是clientHeight，它似乎不是refAPI 的一部分。所以这失败了：

ref
  -> React.Ref.current
  -> Js.Nullable.toOption
  -> Belt.Option.map(this => {
    React.Ref.clientHeight(this);
});

The value clientHeight can't be found in React.Ref.

有没有办法从参考中提取组件的高度？

ref 是从 div 获取的。

Answer 1

假设您从ReactDOMRe.Ref.domRef或获得了 ref ReactDOMRe.Ref.callbackDomRef，您将收到一个Dom.element并且可以使用Element.clientHeightfrom bs-webapi：

open Webapi.Dom;

ref
  -> React.Ref.current
  -> Js.Nullable.toOption
  -> Belt.Option.map(Element.clientHeight);