javascript - 在 react 中使用该项目的ID滚动到特定项目？

Question

我试图滚动到使用该项目的 ID 使用react的特定行项目。我有特定行的 ID，但无法移动到那里。

goToViolation=(id)=>{
  const violation = id ; 
  window.scrollTo({
    top:violation.current.offsetTop,
    behavior:"smooth"});
};

 if (isDrillDown) {
        isRowSelected = index === rowIndex % 20;
       if(isRowSelected){
        this.goToViolation(row.id);
       }
      }

我从这个条件中获取了 ID，我将它传递给了上面的函数并使用了 scrollTo 函数。

Answer 1

为了滚动到一个元素，您需要该元素的 ref。<div onClick={this.goToViolation("row-id")} id="row-id"></div>然后在你的功能

goToViolation=(id)=>{
  const violation = document.getElementById(id); 
  window.scrollTo({
    top:violation.offsetTop,
    behavior:"smooth"
});
};