Javascript 我怎样才能获得对列表ref和元素ref的引用？

我正在迁移聊天组件以使用虚拟化的react，但在我当前的实现中，我需要使用包含RecomputerWheeghts、forceUpdate、forceUpdateGrid的listRef。因为在我的实现中，消息不是单个项目，而是在最后5秒内发送的一组消息。因此，行高度增加了，但列表高度没有增加

<div class="item">
  <div>
   //user's information
  </div>
  <div>
   <div class="message">
   </div>
   // repeat to the last messages sent
  </div>
</div>

//用户信息
//重复到最后发送的消息

我发现调整列表高度的方法是在最后一条消息的计数发生变化时进行的，因此我重新计算最后一行并请求更新列表高度，如果没有它，行高度将增加，并且该行不会完整显示

但是在当前的实现中，为了知道消息是否被读取，我们向scoll添加了一个事件，并调整和计算该项是否在视口中，因此我需要访问element ref来调用addEventListner。 我找到了这个，但是通过这种方式我可以找到一种访问列表参考的方法