我们可以在 Javascript React Native 中使用 import 或 require 变量吗

Question

我尝试在 require 和 import 中使用两个变量，但它们没有像我预期的那样工作

class SvgIllustration extends Component {
    render() {
        const { selectedLanguage = "en", svgName } = this.props;
        const location = `../assets/svg/${ selectedLanguage }/${ svgName }.svg`;
        return <SvgCss
            xml={ require( location ) }
        />;
    }

}

我得到的错误：

错误：捆绑失败：src\components\svgIllustration.js： src\components\svgIllustration.js：第 10 行的无效调用： 要求（位置）

Answer 1

你不能这样做：

const location = `../assets/svg/${ selectedLanguage }/${ svgName }.svg`;

不允许动态导入。您需要先使用适当的要求导入位置，例如

xml={ require( ../assets/svg/english/wow.svg ) }

希望对你有帮助