Reactjs Cant声明并导出一个常量

时间:2019-01-13 16:20:18

标签: javascript reactjs react-native

我想将此密钥导出到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);

2 个答案:

答案 0 :(得分:2)

我在这里看到两个问题: 1.您无法重新声明const。 2.您正在导出课程,而不是const。此外,您应该为React类分配类属性,而不是变量。下面应该可以使用,但是您需要将firebaseConfig导入为命名导出。

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

export default class firekeys extends React.Component {

};

答案 1 :(得分:0)

除非有某些特殊原因需要在组件中使用它们,否则应按以下方式重写ApiKeys.js:

XMLHTTP

Nothing(公平地说,您命名的变量并不重要)

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

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

您可能应该看看使用let,var和const https://medium.com/podiihq/javascript-variables-should-you-use-let-var-or-const-394f7645c88f

的不同方式