Как в react-router показать компонент только после полной его загрузки?

Question

[Ivan]

Как в react-router показать компонент только после полной его загрузки?
Т.е. после клика по Link url поменялся и начались подгружаться данные, но на экране все ещё предидущий компонент , только, после того, когда все данные загрузяться нужно показать актуальный

Answer 1

[hzzzzl]

чет я не уверен, что такое сработает..
сделать кастомный компонент Link который будет сначала подгружать новые данные, и только потом обновлять стейт или что-то еще, чтобы контент перерисовывался?
а то реактовский Линк же сразу меняет урл, ну и всё, дальше уже роутер сразу всё обновляет

Comments

[Ivan]

hzzzzl, да, все верно, но как решить задачу?

Answer 2

[Jedi]

React Suspense.

Comments

[Ivan]

PHPjedi, я так понимаю, что React Suspense показывает какой-то загрузчик пока компонент инициализируеться, а мне в fallback нужно показать предидущий компонент

[Константин Отпущенников]

Динамический импорт и по событию успешного импорта меняешь стейт для смены визуала.

[Ivan]

Константин Отпущенников, можете пример написать?