javascript - react 隐藏超过高度的元素

Question

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

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

我想删除 DOM 中的“第三内容”div。

数据是动态呈现的，我无法控制数据。因此前端会隐藏额外的数据以避免被脚本化。

感谢您的帮助。

Answer 1

<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>