React＆Browserify：我可以选择延迟加载吗？

Question

我正在将React 15.6和Browserify与Ruby和Node后端一起使用。我的主页相当肿，我想将图片懒惰地加载到折页之下。  我遇到的所有用于延迟加载的选项都将webpack作为依赖项。是否有不需要Webpack的简单解决方案？

Answer 1

您可以使用新的React v16.6.0功能React Lazy

  

React.lazy采用必须调用动态import（）的函数。这个   必须返回一个Promise，该Promise会解析为具有默认导出功能的模块   包含一个React组件。

示例：

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

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