从反应原因 DOM 引用中获取 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.

有没有办法从引用中提取组件的高度？

参考是从div 获得的。

Answer 1

假设您从ReactDOMRe.Ref.domRef或ReactDOMRe.Ref.callbackDomRef那里获得了引用，您将收到一个Dom.element，并可以使用来自bs-webapi的Element.clientHeight：

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