将另一个js文件中的变量导入到一个新的js文件React中

Question

这是一个初学者的问题，但我在js文件中有一个变量React；我想在另一个JS文件中使用它，但导出似乎不起作用，这给了我一个错误，因为我有两种导出方法：

export default class Login
export var LoginToken = this.state.LoginToken
....
import {LoginToken} from './../../../../Components/Login/Login.js'
const headers = {
Authorization: LoginToken
}
error: TypeError: undefined has no properties (export LoginToken part)

我应该如何导入LoginToken变量？

Answer 1

您似乎正在尝试导出状态变量，但无法导出实例变量，编译器需要在编译时知道导出成员的值。在这种情况下，这是不可能的，因为LoginToken状态变量只有在从类中创建新对象时才会初始化。

如果子组件需要访问此变量，则必须将其作为道具传递给子组件。如果您希望在整个应用程序中提供令牌，则应查看Context API。如果您希望能够在React组件之外访问它，那么可以考虑将它保存到localStorage。