Javascript 如何根据父div的高度调整ReactJS组件的高度？

我有一个React组件（代码中的Cartouche），我在一个div中调用了x次，这取决于我在哪个div中调用它。 例如，我有一个高度为690px的div和另一个高度为450px的div，我在每个div中调用相同的组件x次，具体取决于div。 我想调整组件的大小，使其完全适合每个div

已尝试使用%更改CSS中的组件大小，但无效

//组件
导出默认函数Cartouche（道具）{
返回(
{props.data.STRING_1}

{props.data.STRING_2}
{props.data.TIME}
)
//我叫它5次的第一个div
返回(

播放列表
{Playlist？displayPlaylist（）：null}
);
//第二个div，我叫它6次

卡通画家
{Cartouchier？displayCartouchier（）：null}
);

使用minHeight而不是height，因此如果高度超过它，它将相应调整大小，但决不能小于我们指定的minHeight。

好的，但使用minHeight并不能解决我的问题：高度没有超过，相反，父div的内容太小。将flex:1应用于您想要获取pa全高的内容租金。