Условный импорт в React.js

Мне нужно импортировать с условием. Я использую приведенный ниже код и получаю сообщение об ошибке.

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

reactjs import

25.12.2020 03:28

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

1 922

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я думаю, вам нужно сначала объявить пустое место для условного хранения данных после использования require вместо импорта:

//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');
}

25.12.2020 04:41

Другие вопросы по теме

Код Visual Studio сообщает мне, что он не может импортировать модуль Python, но запускает код

Невозможно получить переменные из отдельного класса на странице .aspx с помощью @Import Namespace=

Импорт и анализ текстового файла с пробелами / NA в R

Импорт 300 файлов Excel одновременно (Stata)

Ручной перенос функционального модуля в другую существующую функциональную группу системы?

Google Spreadsheet - Как импортировать определенную таблицу из Википедии?

Как я могу импортировать библиотеку в глобальном масштабе, чтобы я мог получить к ней доступ в импортированном файле js?

Разница между командами импорта

Напечатать первые N символов в обратном порядке

Vue 3 использует динамический компонент с динамическим импортом

Условный импорт в React.js

Ответы 1

Другие вопросы по теме

Похожие вопросы