Как дергать апи при переходе на определенные роуты для проверки авторизации?

Question

[lavezzi1]

Здравствуйте. Есть бэкенд на экспрессе и рест апи. Авторизация по JWT. Изучая доку реакта и его роутера нашел пример как сделать private route, все хорошо, но меня интересует возможность вызова запроса на профайл пользователя при каждом переходе на роуты которые требуют авторизации.

Приведу аналогию, во Vue.js это делается за 2 секунды путем использования hook'a роутера beforeEach().

Как подобное сделать в реакте? Спасибо.

Comments

[Роман Александрович]

а прописать в компоненте в методе componentDidMount вызов функции не подходит?

[lavezzi1]

Роман Александрович, Очевидно что нет.

Answer 1

[Максим]

У react-router v3 был такой хук onEnter, у 4й версии его нет.
В PrivateRouter компоненте, добавьте проверку на новые пропсы (с помощью getDerivedStateFromProps или componentWillReceiveProps [устаревает]), где смотрите - если роут (из match) изменился - делайте запрос в API.

Если используете reach router, то не в курсе. Не смотрел его.

Comments

[lavezzi1]

Спасибо. А как в компоненте в виде функции слушать componentWillReceiveProps?

[Максим]

lavezzi1, никак, сделать его statefull