Глобальный модуль es6 для хранения констант в реагирующем приложении — предотвращение сборки мусора

Итак, вам понадобится какой-то шаблон сеттера/геттера. Хотя в основном я не рекомендую его, если вы не знаете, что делаете, потому что React не будет повторно отображать, если переменная изменится, и из-за этого вам нужно убедиться, что переменная установить перед использованием.

У вас должно быть что-то вроде примера ниже, чтобы он работал так, как вы хотите. Вы можете найти пример его работы в этой Codesandbox.

export let MY_VARIABLE = "";

export const setMyVariable = value => (MY_VARIABLE = value);

PS: я добавил немного console.log в код, чтобы вы видели, как ведет себя импорт/получение/установка.

Покопавшись в этом, я обнаружил, что спецификация модуля es6 гласит:

При импорте вашего модуля он получает loaded => parsed => evaluated и cached (синглтон). В нем также говорится, что когда вы импортируете модули, их значение передается по ссылке (иначе присваивание). Я не нашел ничего, что указывало бы, когда и как модули es6 выгружаются из этого кеша.

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

ссылка

• https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/
• https://medium.com/@mivanichok/understanding-es6-modules-in-depth-article-b49612926e39

Вы можете создать config.js внутри папки src и написать свою постоянную переменную, например

//config.js module.exports = {CONST_VAR: 'постоянное значение', }

импортируйте config.js в свой компонент и используйте его