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

Question

i am try to use two variable in require and import but they are not working as i expecting

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

}

Error i get:

error: bundling failed: src\\components\\svgIllustration.js: src\\components\\svgIllustration.js:Invalid call at line 10: require(location)

Answer 1

You cant do this :

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

Dynamic imports are not allowed. you need to import location first with proper require like

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

hope it helps