Javascript 反应隐藏超过高度的元素

如何删除与给定高度重叠的div

第一内容 第二内容 第三内容

---

这听起来像是一个条件渲染案例：

考虑到你的父母有一个高度：100px-逻辑将类似于：

---

如果innerElements高度小于100-保留渲染项目。

谢谢，但这只会隐藏它，我想在DOM中完全删除它为什么不渲染它？我们需要更多的上下文，请向我们展示完整的component@sinned你对你的父分区有Html访问权限吗？那么也许你可以删除第三个元素谢谢大家的回复。已经解决了：

<div style={{height: 100, overflow: "hidden"}}>
    <div style={{height: 50}}>first content</div>
    <div style={{height: 50}}>secondcontent</div>
    <div style={{height: 50}}>third content</div>
</div>