从 react-reason DOM ref 获取 clientHeight

Question

我正在访问 reason-react DOM 参考以确定客户身高。

不幸的是 clientHeight 似乎不属于 ref API。所以这失败了：

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 中提取组件的高度？

ref 是从 div 获得的。

Answer 1

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

open Webapi.Dom;

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

Getting clientHeight from a react-reason DOM ref