Javascript Reactjs无法声明和导出常量

我想将此密钥导出到app.js，但无法执行此操作，显示此错误：-

“const”只能在.ts文件中使用

ApiKey.js

import React from 'react';

const firebaseConfig;
export default class firekeys extends React.Component {
     const firebaseConfig ={
        apiKey: "key",
          authDomain: "auth",
          databaseURL: "url",
          projectId: "Id",
          storageBucket: "",
          messagingSenderId: "SID"
    }
};

App.js

import React from 'react';
import firekeys from "./constants/ApiKeys"
import * as firebase from 'firebase';
firebase.initializeApp(firekeys.firebaseConfig);

我在这里看到两个问题： 1.无法重新声明常量

。 2.您正在导出类，而不是

常量。此外，您应该将类属性指定给React类，而不是变量。下面应该可以工作，但您需要将
firebaseConfig
作为命名导出导入

export const firebaseConfig ={
    apiKey: "key",
      authDomain: "auth",
      databaseURL: "url",
      projectId: "Id",
      storageBucket: "",
      messagingSenderId: "SID"
}

export default class firekeys extends React.Component {

};

我在这里看到两个问题：
1.无法重新声明常量
。
2.您正在导出类，而不是
常量。此外，您应该将类属性指定给React类，而不是变量。下面应该可以工作，但您需要将
firebaseConfig
作为命名导出导入

export const firebaseConfig ={
    apiKey: "key",
      authDomain: "auth",
      databaseURL: "url",
      projectId: "Id",
      storageBucket: "",
      messagingSenderId: "SID"
}

export default class firekeys extends React.Component {

};

除非您有特定原因需要在组件中使用ApiKeys.js，否则您应该按照以下方式重写ApiKeys.js：

export default firebaseConfig = {
  apiKey: "key",
  authDomain: "auth",
  databaseURL: "url",
  projectId: "Id",
  storageBucket: "",
  messagingSenderId: "SID"
}

从“/constants/apikees”导入firekeys
（公平地说，命名它们的变量并不重要）

然后您应该能够按如下方式访问密钥

firekeys.apiKey

您可能应该看看使用let、var和const的不同方法。您应该按照以下方式重写ApiKeys.js，除非您有特定的理由在组件中需要它们：

export default firebaseConfig = {
  apiKey: "key",
  authDomain: "auth",
  databaseURL: "url",
  projectId: "Id",
  storageBucket: "",
  messagingSenderId: "SID"
}

从“/constants/apikees”导入firekeys
（公平地说，命名它们的变量并不重要）

然后您应该能够按如下方式访问密钥

firekeys.apiKey

您可能应该看看使用let、var和const的不同方法