从反应原因DOM ref获取clientHeight

我正在访问一个

react

DOM引用，以确定客户端高度

不幸的是，

clientHeight

似乎不是

ref

API的一部分。所以这是失败的：

ref
->反应参考电流
->Js.Nullable.toooption
->Belt.Option.map（此=>{
反应参考clientHeight（本）；
});

在React.Ref中找不到值clientHeight

是否有方法从参考中提取组件的高度

---

ref是从div获取的。

假设您从

ReactDOMRe.ref.domRef

或

ReactDOMRe.ref.callbackDomRef

获取ref，您将从以下位置接收

Dom.element

，并可以使用

element.clientHeight

：

---

ref可以保存任何类型的值。你是怎么得到它的？如果您使用

ReactDOMRe.Ref.domRef

获得它，您将获得

Dom.element

并可以使用

element.clientHeight

从

bs webapi

添加了澄清-您的答案有效，因此如果您能够发布它，我将接受它。没有bs webapi，不能提取Dom Ref的客户端高度吗？@a-c-sreedhar-reddy-Sure，您可以自己创建对它的绑定，也可以使用

ReactDom.domElementToObj

将其强制转换为

Js.t（{..}）

，以便能够使用

ref##clientHeight

访问它。尽管我不推荐后者，因为它会使类型安全性扫地出门。

open Webapi.Dom;

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