Реагировать - перейти в раздел по другой ссылке

Question

В моем приложении есть навигация, одна ссылка имеет атрибут 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);
    };