Определение того, импортирован ли файл уже или нет

Question

Здесь, в приведенном ниже коде, я динамически импортирую файл на основе языкового стандарта и вручную добавляю языковой стандарт в браузер с помощью IntlProvider.

Итак, вопрос в том, что он будет вызываться несколько раз в проекте, если локаль обновляется, и мне нужно определить, импортирован ли уже файл, тогда мне нужно пропустить эти шаги. Есть ли способ сделать это?

const locale = navigator.language
            || 'en-US';   
React.useEffect(() => {
    addLocaleData(require( `intl/locale-data/jsonp/${locale}` ));   
}, []);

Answer 1

Это клиентский код, который будет отображаться для каждого устройства / пользователя.

Я считаю, что с этим лучше справиться с помощью массива успешно загруженных языков. Возможно в родительском компоненте.

let loadedLanguages = [];

...

loadedLanguages.push(`${locale}`);

То же самое можно сделать, используя локальное хранилище и сохраняя те элементы / данные, которые необходимы. Это должно лучше сохранить информацию и снизить нагрузки.