reactjs - React.lazy 会提高 React Native 性能吗？

Question

我想知道 React.lazy 是否可以提高 React Native 应用程序的性能。

const Warning = React.lazy(() => import('./Warning'));
...
render() {
  return (
    ...
    {
      {this.state.count > 10 ? (
          <React.Suspense fallback={null}>
            <Warning />
          </React.Suspense>
        ) : null}
    }
  )
}

我知道上面的内容在 ReactJS 端使用动态加载 Webpack 包，我想知道它对 React Native 端是否有帮助？

本质上，我们将所有 JS 代码捆绑在一起并将其一起发送到用户设备。所有 JS 代码都已经存在，位于用户的设备上。我想知道 React.lazy 是否会提高性能以及如何提高性能。

Answer 1

不，绝对不是。但它可能会缩短应用程序的启动时间。如果您有很多屏幕，那么如果没有延迟导入，您的应用程序启动时间将会变慢。检查没有延迟导入以及实现延迟导入后的应用程序启动时间。它还节省了一些 RAM 空间。