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

Question

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

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

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

Answer 1

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

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

let loadedLanguages = [];

...

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

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