反应-从其他链接导航到部分

Question

我的应用程序中有导航功能，一个链接具有attr to='/'，并且我有onClick方法将我带到about部分。当我在主页面'/'上时，它可以工作，但是当我在不同的页面上时，导航可以工作，但只能使我回到主页，但我也想带我去一节。我可以在第二次单击后执行此操作。我该如何解决这个问题？

<li>
    <NavLink to="/" activeClassName={window.pageYOffset > this.scroll && "active-main"} className="link-left" onClick={this.goToAbout}>
        O Nas
    </NavLink>
</li>

方法：

goToAbout = () => {
    window.scrollTo(0, this.scroll);
  };

ComponentDidMount：

this.aboutUs = document.getElementById("aboutUs");
this.scroll = this.aboutUs.offsetTop - 100;

Answer 1

您需要阻止默认行为，以便您的链接不再转到“ /”，只能滚动

    goToAbout = (event) => {
        event.preventDefault();
        window.scrollTo(0, this.scroll);
    };