React.lazy（）与React Loadable

Question

我使用react-loadable一段时间来动态导入我的React组件。

在最新的React版本16.6中，React团队加入了  React.lazy()也会动态导入。

仍然使用react-loadable软件包有什么好处，还是该移到新的React版本了？

Answer 1

是，使用React Loadable仍然有好处。

React Loadable可用于服务器端渲染，而React.lazy仅可用于客户端。引用React documentation：

  

注意：React.lazy和Suspense尚不能用于服务器端渲染。如果您想在服务器渲染的应用程序中进行代码拆分，我们仍然建议使用React Loadable。它有一个不错的guide for bundle splitting with server-side rendering。

Answer 2

如果您要使用SSR，则需要考虑使用Loadable而不是React.lazy，如官方React.lazy docs所建议的那样：< / p>

React.lazy和Suspense尚不能用于服务器端渲染。如果要在服务器渲染的应用程序中进行代码拆分，建议使用可加载组件。对于使用服务器端渲染进行捆绑包拆分，它提供了很好的指导。