javascript - React - 从其他链接导航到部分

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);
  };

组件DidMount:

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

Answer 1

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

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