在React中使用文件中的JavaScript变量

我试图使用JavaScript文件中的一些变量。我的文件与我的应用程序组件位于同一路径，并且它存储了一些值

这是js文件，很简单，它只有一个变量：

let num = 5;

在我的App.js文件中，我以以下方式导入js文件：

import * as utils from './myjsfile';

然后在componentDidMount方法中，我尝试用警报显示它：

  componentDidMount() {
      alert(utils.num)
  }

但我得到的是× TypeError:无法读取未定义的属性“num”

我读过一些例子，这种方法应该是有效的，我不知道我做错了什么，或者我是否必须以其他方式做

---

谢谢

您必须导出它。试一试

export let num = 5;

---

你必须出口它。试一试

export let num = 5;

使用导出

export {num};

进口

import {num} from './myjsfile.js';

使用导出

export {num};

进口

import {num} from './myjsfile.js';

---

要访问任何内容，必须首先在节点中导出它。在let

之前添加导出以访问您必须首先在节点中导出的任何内容。在let之前添加导出

导出文件lets.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;

导出文件lets.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;