Реакция добавления события для перехода пользователя на маршрут

Question

В ответ у меня есть следующий компонент, который повторяется для каждой услуги, которую я хочу продать.Когда пользователь нажимает кнопку, я хочу создать собственный URL-адрес для перехода.Я использую реагирующий роутер DOM.Вот код, который у меня есть для кнопки

<button
  className="w-full block text-white py-4 rounded-sm"
  style={{ background: "#48746e" }}
  onClick={this.navigateToRoute}
>
  Continue booking
</button>

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

Answer 1

Я бы позвонил внутри this.navigateToRoute

<Redirect to="/somewhere/else" />

или если вам нужно передать состояние:

<Redirect
  to={{
    pathname: "/login",
    search: "?utm=your+face",
    state: { referrer: currentLocation }
  }}
/>