ダイナミックモジュールを現在のページに読み込む方法は？

Question

私はRNを初めて使用しています。テストページを作成しています。差分モジュールを読み込むためにボタンを押してください。 が好きではありません。

<TouchableOpacity onPress={this._loadM.bind(this,0)}> 
<Text style={styles.switchItemTxt}>item0</Text> 
</TouchableOpacity> 
<TouchableOpacity onPress={this._loadM.bind(this,1)}> 
<Text style={styles.switchItemTxt}>item1</Text> 
</TouchableOpacity> 

<ScrollView style={styles.scrolls} automaticallyAdjustContentInsets={false}> 
//if item0 pressed load ModuleOne 
<ModuleOne /> 
// else load ModuleTwo 
<ModuleTwo /> 
</ScrollView> 

助けていただければ幸いです。

Answer 1

は自分自身を回答

：

var CurrentMoudle = require('./module1'); 

_loadM(e) { 
switch (e) { 
    case 0: 
    CurrentMoudle = require('./module1'); 
    break; 
    case 1: 
    CurrentMoudle = require('./module2'); 
    break; 
    default: 
    CurrentMoudle = require('./module1'); 
    break; 
} 
// reload page 
this.forceUpdate(); 
} 


<TouchableOpacity onPress={this._loadM.bind(this,0)}> 
    <Text>item1</Text> 
</TouchableOpacity> 
<TouchableOpacity onPress={this._loadM.bind(this,1)}> 
    <Text>持仓</Text> 
</TouchableOpacity> 

<ScrollView style={styles.scrolls}> 
    <CurrentMoudle /> 
</ScrollView>