React-async-child - простой, но приятный компонент React: он позволяет передать обещание в качестве своего дочернего элемента и ожидает разрешения обещания для рендеринга:

Используя обещание async / await, вы можете заполнять реквизиты, как если бы они были обычными реквизитами. Магия!

Пример использования: React Router v4

React router v4 находится на подходе, и это огромный шаг вперед по сравнению со своими предшественниками.

Если вы когда-либо пытались проложить маршрут, переходящий в другой, с анимацией и извлечением данных посередине, вы знаете, насколько это может быть болезненно. Реагируйте на помощь async child!

Здесь мы возвращаем компонент ‹AsyncChild /› в React Router ‹Match /› children prop. Когда маршрут найден, он будет ждать асинхронной функции db.find () и затем отобразить результат. Если маршрут изменится, он снова подождет и снова произведет рендеринг. Это вызовет срабатывание перехода только после завершения асинхронной функции.