reactjs - 组内垂直滚动

Question

我正在使用可拖动节点的画布。一些节点包含我在画布上显示的项目列表。我目前正在渲染所有项目。我当前渲染的结构如下所示：

<Group>
    <Rect height={40} width={100}>
    <Rect height={40} width={100}>
    <Rect height={40} width={100}>
    <Rect height={40} width={100}>
<Group>

我目前面临的问题是当 Rect 的列表变得很长时，我的画布非常不清楚。每当所有 Rect 组合的总高度大于一定数量时，我想添加一个垂直滚动。有什么办法可以做到这一点？