Reactjs React.lazy（）与React可加载

一段时间以来，我一直在使用React组件的动态导入

在最近的React版本16.6中，React团队包括

React.lazy（）

，它还执行动态导入

---

仍然使用react-loadable软件包有什么好处吗？或者是时候转移到新的react版本了吗？

否，react-loadable不应该再使用了，因为它没有被维护

在服务器端渲染时，它曾经是延迟加载的推荐方式，而React.lazy仅在客户端工作

React团队现在推荐另一个用于服务器端渲染的库

引自：

注意：

React.lazy

和suspend还不能用于服务器端渲染。如果您想在服务器呈现的应用程序中执行代码拆分，我们仍然建议您这样做。它有一个漂亮的花园

---

如果你正在执行<代码> SSR 你会考虑使用<代码> Loadable <代码>而不是<代码>反应。懒惰< /代码>，如官方代码>反应。懒惰< /代码>：

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

---

React可加载–非常流行，但未维护的库。使吐代码成为一种流行的事情。问题已经解决，因此周围没有社区，它与Webpack v4+和Babel v7+不兼容。如果您使用它，建议迁移到@loadable/component。感谢更新，当我在2018年写下这个答案时，react loadable仍然得到维护，建议使用良好的。我还使用

suspence

包装器将旧的

React-Loadable

代码转换为

React.lazy（组件）

。