如何在父级调整大小时重新渲染react-grid-layout列的宽度？

import React, { useState, useEffect } from 'react';
import GridLayout from 'react-grid-layout';

const ParentComponent = () => {
  const [parentWidth, setParentWidth] = useState(0);

  useEffect(() => {
    const handleResize = () => {
      const newWidth = // 获取父级组件的新宽度
      setParentWidth(newWidth);
    };

    // 监听父级组件的大小变化事件
    window.addEventListener('resize', handleResize);

    return () => {
      window.removeEventListener('resize', handleResize);
    };
  }, []);

  return (
    <div>
      <GridLayout
        width={parentWidth} // 将父级组件的宽度传递给react-grid-layout
        // 其他props...
      >
        {/* 网格布局的子组件 */}
      </GridLayout>
    </div>
  );
};

export default ParentComponent;