Reactjs 除第一项外，折叠

我有一个React MaterialUI组件，它是从一组对象映射而来的：

const postReplies = useMemo(() => {
    return (<div>
      {
        replies?.map((rp => <div key={rp.id}>
          <Grid>
            bla bla bla
          </Grid>
                   
        </div>), )}
    </div>);
  }, [replies]);

constpostpresponses=usemoom（（）=>{
返回(
{
回复？.map（（rp=>
呜呜呜呜
), )}
);
}，[答复]；

然后在MaterialUI折叠组件中：

<Collapse in={isDiscussionVisible}>    
 {postReplies}
</Collapse>

{postReplies}

是否有任何方法可以应用collapsedHeight作为塌陷的一部分，而不是使用像素高度，而是使用可见项计数？还是索引