javascript — глобально импортированные переменные не определены

Глобально импортированные переменные не определены

У меня есть три переменные в моем FinalVariables.js следующим образом:

 var finalTaskName = 'abc' var finalQuantityTaskExecuted = 0 var finalQuantityTaskCompletion = 100 export {finalTaskName, finalQuantityTaskExecuted, finalQuantityTaskCompletion} 

В другом файле я импортирую их, используя следующую строку:

 import {finalTaskName,finalQuantityTaskExecuted,finalQuantityTaskCompletion} from './FinalVariables' 

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

Я новичок в Javascript и React, и любая помощь будет принята с благодарностью! Спасибо!

————————————————— —————————————— Обновлено ——— ————————————————— —

Я импортировал переменные следующим образом:

 import * as finalVariables from './FinalVariables' 

Когда я делаю console.log(finalVariables.finalTaskName)

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

 finalVariables.finalTaskName = this.props.item[0].particulars 

Я получаю следующую ошибку:

Невозможно установить свойство finalTaskName из #, которое имеет только геттер

============================= Обновлено ==================== ==================

Теперь я могу корректно обновлять значения, но в основном классе TasksInsert.jsx, куда я импортирую эти значения, у меня это есть в функции рендеринга,

 {amp}lt;p{amp}gt;{finalVariables.finalTaskName}{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;{finalVariables.finalQuantityTaskExecuted}{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;{finalVariables.finalQuantityTaskCompletion}{amp}lt;/p{amp}gt; 

Почему эти значения не отражают последние изменения? Мой конструктор состояний выглядит так:

 this.setState({ finalVariables }) 

————————————————— ——————- Обновлено —————————— ———

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

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

Может ли кто-нибудь предложить код для решения этой проблемы? Я все еще застрял здесь и плохо знаком с Javascript.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector