使用对象解构进行反应，尝试进行分页并向页面添加一个

Question

每次到达 div 的底部时，我都尝试在页面上添加一个，但我收到以下错误“使用对象解构”，我不知道如何解决这个问题。这是以下代码

 const vendorContainer = document.getElementById('vendorCard')!
    let loadingMore = false
    const pagination = {
      count: 50,
      page: 0
  }

vendorContainer.addEventListener('scroll', () => {
      const scrollHeight = vendorContainer.scrollHeight
      const scrollTop = vendorContainer.scrollTop
      const clientHeight = vendorContainer.clientHeight
      if(((scrollTop + clientHeight) > scrollHeight - 200) && !loadingMore){
        loadingMore = true
        pagination.page += pagination.page + 1
      }
    })

Answer 1

它希望你重构这 3 行：

const scrollHeight = vendorContainer.scrollHeight
const scrollTop = vendorContainer.scrollTop
const clientHeight = vendorContainer.clientHeight

进入

const { scrollHeight, scrollTop, clientHeight } = vendorContainer

见destructuring assignment