41

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

在最近的 React 版本 16.6 中,React 团队也包含 React.lazy()了动态导入。

仍然使用这个包有什么好处react-loadable吗,或者是时候迁移到新的 React 版本了?

4

2 回答 2

50

,不应再使用 React Loadable,因为它没有被维护。

它曾经是在服务器端渲染时推荐的延迟加载方式,而 React.lazy 仅适用于客户端。

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

引用React 文档

注意:React.lazySuspense 还不能用于服务器端渲染。如果您想在服务器渲染的应用程序中进行代码拆分,我们仍然推荐Loadable Components。它有一个很好的使用服务器端渲染进行捆绑拆分的指南

于 2018-10-29T10:32:09.313 回答
2

如果你正在这样做SSR,你会想要考虑使用Loadable而不是React.lazy,正如官方React.lazy 文档所建议的那样:

React.lazy 和 Suspense 还不能用于服务器端渲染。如果您想在服务器渲染的应用程序中进行代码拆分,我们推荐可加载组件。它有一个很好的使用服务器端渲染进行捆绑拆分的指南。

于 2020-08-22T17:04:02.663 回答