Как добавить минимальную задержку для компонента React Suspense, если у вас нет контроля над вызовом AJAX, поскольку вы используете библиотеку? - PullRequest
0 голосов
/ 09 июля 2019

У меня есть следующий компонент, обернутый в Suspense one:

// ...
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?

...