response-router-hash-link не работает, если идет с другого маршрута

Question

Я использую react-router-hash-link, чтобы перейти к другому разделу в пределах того же маршрута:

import { HashLink as Link } from "react-router-hash-link";

В рендере:

render() {
     <Link smooth to="#header2">
        Scroll to header 2 section
     </Link>
     <h2 id="header2"></h2>
}

Это работает.Однако, если я прихожу с другого маршрута и связываюсь с другим маршрутом с помощью хэша, он не прокручивается до раздела.

например, сейчас я нахожусь в /routeone

render() {
   <Link smooth to="/routetwo#header2">
      Go to Route Two, header 2 section
   </Link>
}

Я импортировал HashLink также в /routeone в этом примере.

Что-то отсутствует?

Answer 1

вместо <h2 id="header2"></h2>, если вы сохраняете <a id="header2"></a>, это работает.