如何从React访问其他.js文件

Question

我想在提交时访问存储在名为config.js和gitignore的文件中的访问令牌。

这就是它在配置中的样子

var config = {
  TOKEN : '____'
}

在我的反应中，

import { config } from './config'

它导入它，当我执行config.TOKEN时，它会给我未定义。

我如何访问它？

Answer 1

您需要将其导出：

export const config = {
  TOKEN : '____'
}

可替换地，

const config = {
  TOKEN : '____'
}
export default config;

import config from './config';

或者你可以使用json文件，然后就不需要导出了：

{
  "TOKEN": ''
}

import config from './config';

最后，使用webpack，您可以使用.env在项目根文件夹中创建REACT_APP_TOKEN=''文件，并且可以使用process.env.REACT_APP_TOKEN访问该变量。