Как отловить переход по роуту и перейти на него в случае если пользователь нажмёт подтвердить в модалке (React)

Всем привет! Появилась задача, есть форма заполнения заказа, нужно добавить функционал, а именно:

Перед выходом с роута создания заказа необходимо показывать модальное окно, с ответами типа да/нет, если пользователь нажимает да, переход осуществляется, если нет, то остаётся на том же роуте

Как можно правильно это реализовать? Как отловить переход с нужного роута?

Пробовал использовать компонент и window.onbeforeunload , но там нельзя использовать своё модальное окно Подскажите, пожалуйста!


Ответы (1 шт):

Автор решения: jjswift

В React-router есть компонент Prompt. Добавьте его в компонент, выход с которого вы хотите отлавливать, передав в него нужное сообщение.

→ Ссылка