React.lazy 会提高 React Native 的性能吗?

Isa*_*aac 7 reactjs webpack react-native

我想知道如何React.lazy提高 React-Native 应用程序的性能。

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

render() {
  return (
    ...
    {
      {this.state.count > 10 ? (
          <React.Suspense fallback={null}>
            <Warning />
          </React.Suspense>
        ) : null}
    }
  )
}
Run Code Online (Sandbox Code Playgroud)

我在 ReactJS 方面了解了上述动态加载 webpack 包,我想知道它是否会在 React Native 方面有所帮助?

本质上,我们将所有 JS 代码捆绑在一起并一起发送到用户设备,所有 JS 代码都已经存在,位于用户设备中。想知道如何React.lazy帮助提高性能,在什么意义上?

Vet*_*han 5

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