如何将div父节点设置为在React中的窗口调整事件中更改其宽度？

import React, { useEffect } from 'react';

const ParentComponent = () => {
  useEffect(() => {
    const handleResize = () => {
      const parentDiv = document.getElementById('parentDiv');
      parentDiv.style.width = `${window.innerWidth}px`;
    };

    window.addEventListener('resize', handleResize);

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

  return (
    <div id="parentDiv">
      {/* 子组件内容 */}
    </div>
  );
};

export default ParentComponent;