我们可以在导入中使用变量还是在Javascript React Native中要求使用

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行的无效调用：require（location）

Answer 1

您不能这样做：

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

不允许动态导入。您需要先使用适当的要求（如

）导入位置

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

希望有帮助