使用常量变量动态导入反应？

Question

我应该如何在使用变量的反应本机中使用动态导入？

• 我只想使用Version.js文件的常量styleVersion变量。
• 并根据styleVersion中的Text1.js导入文件

版本.js

export default styleVersion = 'v2';

文本1.js

import { Text, View } from 'react-native';
import Version from './Version.js';

const loc = `../v1/TextStyle1.js`;
const loc2 = `../${styleVersion}/TextStyle1.js`;


import TextStyle1 from `${loc}`;

const Text1 = props => {
  return (
    <View>
      <Text style={TextStyle1.text}>{styleVersion}</Text>
      <Text style={TextStyle1.text}>{loc}</Text>
      <Text style={TextStyle1.text}>{loc2}</Text>
    </View>
  );
};

export default Text1;

v1 文件夹中的 TextStyle1.js

import {StyleSheet} from 'react-native';

export default styles = StyleSheet.create({
  text: {
    color: 'blue',
    fontSize: 20,
  },
});

v2 文件夹中的 TextStyle1.js

import {StyleSheet} from 'react-native';

export default styles = StyleSheet.create({
  text: {
    color: 'red',
    fontSize: 20,
  },
});

Answer 1

使用动态导入

import Version from './Version.js';

import(`../${Version}/TextStyle1.js`)
  .then(styles => {
    console.log(styles);
  })