如何使用父组件<Card>它的高度？蚂蚁设计

.parentComponent {
  height: 200px;
}

function ParentComponent() {
  return (
    <div style={{ height: "200px" }}>
      <Card />
    </div>
  );
}

.parentComponent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

import { useEffect, useRef } from "react";

function ParentComponent() {
  const parentRef = useRef(null);

  useEffect(() => {
    if (parentRef.current) {
      const parentHeight = parentRef.current.getBoundingClientRect().height;
      // 根据需要进行高度计算，并将其应用到 <Card> 的样式中
      // ...
    }
  }, []);

  return (
    <div ref={parentRef}>
      <Card />
    </div>
  );
}