Conditional import in React.js

Question

I need to import with condition. I am using below code and getting error.

if (window.location.hostname == 'sellbutton') {
  import serviceToUSe from '../public/service/sellbutton.com.json';
} else {
  import serviceToUSe from '../public/service/default.json';
}

Dharman · Accepted Answer · 2020-12-25 03:46:44Z

1

I think you need to first declare an empty place to conditionally store the data after using require instead of importing:

//This might an object {} or array [] depending on your json data structure. 
var serviceToUSe = {};

if (window.location.hostname == 'sellbutton') {
  serviceToUSe = require('../public/service/sellbutton.com.json');
} else {
  serviceToUSe = require('../public/service/default.json');
}

edited Dec 25, 2020 at 3:46

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Dec 25, 2020 at 3:41

Karlo A. López

2,7084 gold badges31 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Conditional import in React.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related