Rect.Lazy, что и как использовать в вашем приложении

Автор оригинала: Vignesh M.

Реагировать 16,6 выходит и с этим наступает новый Ленивый API Отказ Функция RREACT.LAZY позволяет сделать динамический импорт в качестве регулярного компонента.

React.lazy принимает функцию, которая должна вызвать динамический импорт (). Это должно вернуть обещание, которое разрешается к модулю с экспортом по умолчанию, содержащим комбинацию реагирования.

Применение:

const LazyComponent = React.lazy(() => import('./Component'));

Показать отступление с неизвестностью

Оберните компонент, в котором он используется с подвешиванием и пропустите падение. Опытный опоры принимает любые элементы реагирования, которые вы хотите рендер при ждать загрузки компонента.

Loading Component...

Я сделал простой пример, чтобы показать

Приложение показывает Нажмите меня !! Кнопка, которая при нажатии вытесняет случайные пользовательские данные из RenderUser Затем загружается и отображает пользовательский компонент.

const User = React.lazy(() => import('./User'));
....

Loading Component...