如何使用window.scrollby with react？

Question

我正在尝试点击一个向下滚动到我的应用的特定部分的按钮。所以目前我有：

class Nav extends Component {
  foo(){
    console.log('baz')
    window.scrollTo(0, 100);
  }
  render() {
    return (
        <nav>
          <a href="#" onClick={()=> this.foo()}>About</a>

        </nav>
    );
  }
}

这将是console.log＆＃34; baz＆＃34;但不会向下滚动到100

Answer 1

删除

href="#"

这导致链接链接到页面顶部