Как добавить минимальную задержку для компонента React Suspense, если у вас нет контроля над вызовом AJAX, потому что вы используете библиотеку?
У меня есть следующий компонент, завернутый в Suspense
один:
// ...
render(
<Suspense fallback={<LoadingSpinner />}>
<MyComponent {...props} />
</Suspense>
)
// ...
MyComponent
использования i18next
, который вызывает неизвестность, которая загружает переводы. Все работает, но счетчик показывается только на мгновение, а затем исчезает, потому что запросы AJAX i18next
завершается.
Могу ли я сказать Suspense
компонент, чтобы как-то показать счетчик хотя бы на 2 секунды? Это улучшит UX визуально. Было бы здорово иметь что-то вроде этого:
// ...
// minDuration - 2 seconds
render(
<Suspense fallback={<LoadingSpinner />} minDuration={2000}>
<MyComponent {...props} />
</Suspense>
)
// ...
У меня нет контроля над i18next
AJAX, или я так думаю, так как это библиотека.
Можно ли добиться того, что я хочу с Suspense
?