Как добавить минимальную задержку для компонента 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?

0 ответов

Другие вопросы по тегам