css - 我如何使用 window.scrollby 进行 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 "baz"但不会向下滚动到 100

Answer 1

删除

href="#"

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