Использовать переменную JavaScript из файла в React
Я пытаюсь использовать некоторые переменные из файла JavaScript. Мой файл находится по тому же пути, что и мой компонент приложения, и он сохранил некоторую ценность.
Это файл js, настолько простой, что в нем есть только переменная:
let num = 5;
В моем файле App.js я импортирую файл js следующим образом:
import * as utils from './myjsfile';
А затем в методе componentDidMount я пытаюсь показать его с предупреждением:
componentDidMount() {
alert(utils.num)
}
Но я получаю × TypeError: невозможно прочитать свойство 'num' из undefined
Я прочитал несколько примеров, и этот подход должен был работать, я не знаю, что я делаю не так, и нужно ли мне делать это по-другому.
Спасибо
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
Вы должны его экспортировать. Пытаться
export let num = 5;
использовать экспорт
export {num};
и импорт
import {num} from './myjsfile.js';
Чтобы получить доступ к чему-либо, вы должны сначала экспортировать это в node. Добавить экспорт, прежде чем пускать
Экспорт файла Letts.js:
let num_x = 5;
let num_y = 10;
export default { num_x, num_y };
импорт и использование:
import * as nums from './lets';
let a = nums.default.num_y;
let b = nums.default.num_x;