Javascript 如果第一个div溢出，则显示另一个div中的元素

你好，我需要你的帮助

我试图在一个div中显示一些数组元素，但是如果这个div溢出（满）， 我想创建另一个div，并在其中显示剩余的数组元素

我一直在思考实现这一点的逻辑

这是我的部门：

<div className="page" data-size="A4" id="cv">
{experiences.map((exp, i) => {
            const {enddate, startdate, description} = exp || "";
            return (
                <Grid item container>
                  <Grid item xs={3}>
                    <Typography>
                      {startdate}-{enddate}<br/>
                    </Typography>
                  </Grid>
                  <Grid item xs={8}>
                    <Typography>
                      {description}
                    </Typography>
                  </Grid>
                </Grid>
            );
          })}
<div>

const isOverflown = () => {
    const cv = document.getElementById("cv");
    if (cv){  
    return cv.scrollHeight > cv.clientHeight }

  }