React & Browserify: есть ли варианты для отложенной загрузки?

Question

Я использую React 15.6 и Browserify с бэкэндом Ruby и Node.Моя домашняя страница довольно раздутая, и я хотел бы лениво загрузить изображения ниже сгиба.Все варианты, с которыми я сталкиваюсь для ленивой загрузки, имеют веб-пакет как зависимость.Существуют ли простые решения, которые не требуют веб-пакета?

Answer 1

Вы можете использовать новую функцию React v16.6.0 React Lazy

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

Пример:

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

function MyComponent() {
  return (
    <div>
      <LazyImageComponent  />
    </div>
  );
}