如何使用react中的钩子引用检查组件的高度？

import React, { useRef, useEffect } from 'react';

function App() {
  const componentRef = useRef(null);

  useEffect(() => {
    if (componentRef.current) {
      const height = componentRef.current.offsetHeight;
      console.log('组件的高度：', height);
      // 这里可以进行其他操作，比如根据高度进行条件渲染等
    }
  }, []);

  return (
    <div ref={componentRef}>
      {/* 这里是组件的内容 */}
    </div>
  );
}

export default App;