如何在本机上按需加载组件？

Question

我的应用包含500多个屏幕和1000多个全局组件。我需要按需加载组件，而不是第一次加载所有组件。 例如，在'ReactJS'中 spilting 和 react.lazy（）概念就可以解决此问题。如何在本机反应。如何将组件和代码溢出到react-native中以减少应用程序的首次加载时间。

谢谢！

Answer 1

使用动态组件名称

import React, { Component } from 'react';
import FooComponent from './foo-component';
import BarComponent from './bar-component';

class MyComponent extends Component {

components = {
    foo: FooComponent,
    bar: BarComponent
};

render() {
   const componentName='foo'
   const TagName = this.components[componentName];
   return <TagName />
}

}