如何在React中使用Hooks获取父母的宽度/高度？

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

const ChildComponent = () => {
  const parentRef = useRef(null);

  useEffect(() => {
    const parentElement = parentRef.current;
    const handleResize = () => {
      // 获取父组件的宽度/高度
      const parentWidth = parentElement.offsetWidth;
      const parentHeight = parentElement.offsetHeight;
      // 在这里可以进行相应的处理
      console.log('父组件的宽度：', parentWidth);
      console.log('父组件的高度：', parentHeight);
    };

    // 监听窗口大小变化
    window.addEventListener('resize', handleResize);
    // 初始化时获取一次父组件的宽度/高度
    handleResize();

    // 清除监听器
    return () => {
      window.removeEventListener('resize', handleResize);
    };
  }, []);

  return (
    <div ref={parentRef}>
      {/* 子组件的内容 */}
    </div>
  );
};

export default ChildComponent;