steroids / react Goto Github PK

Подробное описание: https://gitlab.kozhindev.com/steroids/dev/-/issues/671

Имеется следующий конфиг роутера:

Для отображения роутов используется компонент Tree

Роуты в нем отображаются корректно, однако без указания exact: true для ROUTE_MENU и ROUTE_CONTENT при переходе на дочерние роуты ROUTE_CONTENT получаем ошибку

В процессе выяснил, что это из-за того, что роутер пытается отрендерить ROUTE_MENU и ROUTE_CONTENT, а для них не указаны path и component. Но это контейнеры для набора других роутов и они не должны рендериться. Указание exact: true для них является скорее нелогичным хаком роутера, так как этот параметр отвечает за то, чтобы рендерить роуты только когда текущий path равен path роута, а для этих роутов path не указан. Указание только path приводит к другой проблеме - дочерние роуты не рендерятся.
Мне кажется нужно учесть роуты подобного вида и не пытаться их рендерить, если у них нет component, но есть дочерние items

Глоссарий

МО - обычный маршрут. Маршрут в конфигурации которого не указано поле role либо не является одним из значений 'login' | 'modal' | '404'

МОК - МО, но в url которого есть квери параметры. Пример: /book?page=3

ММ - маршрут-модалка. Маршрут в конфигурации которого есть поле role='modal'

ММК - ММ, но в url которого есть квери параметры. Пример: /book?page=3

НН - нажатие на системную кнопку "Назад" в браузере

--> - переход на маршрут. Пример: --> МО следует читать как "переход на обычный маршрут"

|--> - начальная загрузка. Аналог перезагрузки страницы.

+ - показывает последовательность действий. Пример: |--> МО + --> ММ + НН следует читать как "Загрузка страницы на обычном маршруте, затем переход на маршрут-модалку, затем нажатие на системную кнопку 'назад' в браузере"

x - закрытие модального окна

Тест кейсы

1. |--> МО
2. |--> МО + --> ММ + НН
3. |--> МО + --> ММ + x
4. |--> МО + --> ММК + НН
5. |--> МО + --> ММК + x
6. |--> МОК
7. |--> МОК + --> ММ + НН
8. |--> МОК + --> ММК + НН
9. |--> МОК + --> ММ + x
10. |--> ММ
11. |--> ММ + x
12. |--> ММ + --> МО + НН
13. |--> ММК + --> МО + НН

Примеры некорректной работы

3. |--> МО + --> ММ + x

/book/kray-rodnoy/chapter_2 --> /book/kray-rodnoy/chapter_2/dictionary/1 + x = /book/kray-rodnoy/chapter_2?articleId=1

5. |--> МО + --> ММК + x

/book/kray-rodnoy/chapter_2 --> /book/kray-rodnoy/chapter_2/audio-text?audioId=2 + x = /book/kray-rodnoy/chapter_2?audioId=2

9. |--> МОК + --> ММ + x

/book/kray-rodnoy/dictionary?chapterId=2 --> /book/kray-rodnoy/dictionary/1 + x = /book/kray-rodnoy/dictionary?articleId=1

Некорректная работа заключается в том, что после закрытия ММ либо ММК в родительский маршрут попадают ненужные квери параметры либо удаляются нужные квери параметры и добавляются ненужные. Исправление может сказываться на других тест кейсах, поэтому после исправления некорректной работы крайне желательно проверить пройтись по всем тест кейсам и убедиться в корректности работы(желательно тестами).

Дополнительно

Связанный PR. В рамках этого MR было сделано исправление, которое сказывается на работе других тест кейсов. А именно стали некорректно работать пункты: 12, 13

Доброго времени суток! Как добавить свои reducers в useApplication, где-то есть подробный пример?