Как в react spa грамотно реализовать разделение прав?

Question

[nikita-slb]

Допустим есть spa приложение на react. Пользователь авторизуется при помощи jwt.
Необходимо в зависимости от категории пользователя (физ/юр лицо например) по-разному отображать компоненты, разрешать или запрещать определенные маршруты.
Например одной категории можно смотреть одни разделы, другой другие или в каком-то компоненте у одной категории один вид, а у другой категории другой вид и набор элементов.

Кто знает как сделать или куда копать?

Answer 1

[Максим]

С помощью роутинга react-router, например. В 4й версии думаю так же, но речь про 3ю.
Часть роутов, оборачивается в родительский роут, котором идет проверка прав юзера, и далее в зависимости от этого вы рисуете:
а) разные шаблоны, в которых фигурирует this.props.children
б) null - если запрещен доступ, или опять же this.props.children - если все ок.

В "чилдренах" - у вас будут вложенные роуты.

Проверка прав, надеюсь, в вопрос не входит? Но если входит: то нужно сделать запрос на сервер с этим токеном и получить список разрешенных прав.