Reactjs 当知道id时，添加引用以反应组件

我想在ant design上滚动表格，但ant design表格没有onScroll（事件）

问题:

他们提出了这样的解决方案

componentDidMount() {
...
var tableContent = document.querySelector('.ant-table-body')
    tableContent.addEventListener('scroll', (event) => {
      // checking whether a selector is well defined
      console.log('yes, I am listening')
      let maxScroll = event.target.scrollHeight - event.target.clientHeight
      let currentScroll = event.target.scrollTop
      if (currentScroll === maxScroll) {
         // load more data
      }
    })
...
}

他在id为“.ant table body”的元素上添加滚动事件

还有人说“最好使用裁判”

您能告诉我如何使用refs解决这个问题（在ant表上添加滚动事件）吗

当我知道id“.ant table body”时，如何使用引用引用组件。请注意，我无法访问组件“.ant table body”

---

类似这样的内容：tableRef=refs.findById（'.ant table body'）？或者tableRefs=refs.addRefToId（'.ant table body'）

首先向表中添加一个ref，如下所示：

<Table ref={table => { this.table = table }}

componentDidMount() {
   if(this.table) {
      this.table.addEventListener('scroll', (event) => {
         // do your stuff here
      })
   }
}