Как обновить роутер изнутри компонента

Question

Я пытаюсь обновить маршрутизатор из компонента, которому он отправляет сообщения.Вот главная страница с навигационной панелью и маршрутами к различным страницам.

class Page extends React.Component {
  render() {
    return (
      <Router>
        <Navbar id="navbar" variant="dark">
          <Navbar.Toggle />
          <Navbar.Collapse className="justify-content-end">
            <Navbar.Text>
              <Link to="/member">Login</Link>
            </Navbar.Text>
          </Navbar.Collapse>
        </Navbar>
        <Route path="/" exact component={LandingPage} />
        <Route path="/member" component={MemberPage} />
        <Route path="/apply" component={Apply} />
      </Router>
    );
  }
}

Когда я загружаю компонент LandingPage, у меня есть это прямо сейчас:

class LandingPage extends React.Component {
    render() {
        return (
            <Router>
              <div className="apply">
                <Link to="/apply">Apply Now</Link>
              </div>
            </Router>
        );
    }
}

Итак, когда я нажимаюссылка изменяет URL-адрес на what.com/apply, но фактическая страница не обновляется.Я понимаю, что это потому, что он ищет маршрут внутри этого для обновления, однако, как мне получить страницу для загрузки следующего компонента?

Answer 1

Исправление было простым, мне просто нужно было удалить теги маршрутизатора из компонента LandingPage