如何获取 `observer` 包装组件的 DOM 元素？

Question

我已经这样定义了我的 JSX 组件：

const ComponentA = observer(({state}) => {return <div></div>})

我正在使用来自 mobx 的 observer： https://mobx.js.org/react-integration.html

我需要使用 DOM 节点的浏览器 API 查看 div 的渲染高度。它会根据其包含的内容而有所不同。

我该怎么做？

Answer 1

对不起，我真的不明白你想表达什么。也许这会有所帮助？

const divRef = useRef();

useEffect(() => {
  console.log(divRef.current.clientHeight);
}, []);

return <div ref={divRef}></div>

How to get the DOM element of an `observer` wrapped component?