Require File With A Variable In React Js

I'm trying to require a file with a variable in the path. Something like const langCode = this.props.langCode; // en let languageFile = require('../common/languages/' + langCode);

Solution 1:

Most of JS bundlers cannot handle dynamic require mechanism. Try to load all languages and switch them in runtime

let languages = {
    en:  require('../common/languages/en'),
    ru: require('../common/languages/ru'),
    de: require('../common/languages/de')
}
const langCode = this.props.langCode; // enlet languageFile = languages[langCode];

Solution 2:

Are you using webpack as your bundler?

If so you need to be aware of it's dynamic requires mechanism.

Here is an issue that discusses it.