Блог

Я пытаюсь перейти к определенному разделу на странице с помощью React Router, но вместо этого попадаю в верхнюю часть страницы. Ввод URL-адреса вручную отправляет меня в нужное место. Что я делаю не так?

 function App() {
  return (
    <>
      <Router>
        <Link to="/navbar#section2">Go to section 2</Link>
        <Link to="/navbar#section1">Go to section 1</Link>
        <Sidebar />
        <Switch>
          <Route path="/navbar" exact component={Navbar} />
        </Switch>
      </Router>
    </>
  );
} 

Вы можете добиться желаемой функциональности, используя обычные <a> теги вместо Link component

Попробуйте это :

 function App() {
  return (
    <>
      <Router>
        <a href="#section2">Go to section 2</a>
        <a href="#section1">Go to section 1</a>
        <Sidebar />
        <Switch>
          <Route path="/navbar" exact component={Navbar} />
        </Switch>
      </Router>
    </>
  );
}