如何在 React JS 中使用來自不同文件的 Consts

Question

你能告訴我如何在 React 中使用來自不同 JS 文件的 const。 我正在嘗試計算 4 個不同測驗分數（平均）的總分。

謝謝 ！

我確實嘗試過導出和導入，但沒有成功。

這是我為第一個測驗所做的代碼：

const playerStatsEco = {
    ecoscore: null,
    numberOfQuestions: null,
    numberOfAnsweredQuestions: null,
    correctAnswers: null,
    wrongAnswers: null,
};

class playeco extends Component {

...

endGame = () => {
        alert('Le quiz est terminé ! لقد انتهى الاختبار');
        const { state } = this;
        playerStatsEco.ecoscore = state.ecoscore;
        playerStatsEco.numberOfQuestions = state.numberOfQuestions;
        playerStatsEco.numberOfAnsweredQuestions = state.correctAnswers + state.wrongAnswers;
        playerStatsEco.correctAnswers = state.correctAnswers;
        playerStatsEco.wrongAnswers = state.wrongAnswers;
    
    setTimeout(() => {
        this.props.history.push('/play/sum', playerStatsEco);
    }, 1000);
};

當我嘗試導出 class 時，它可以工作。 但是當我嘗試使用這條線導出 const 時

export  {playeco, playerStatsEco};

發生此錯誤：

嘗試導入錯誤：“./components/quiz/playeco”不包含默認導出（導入為“playeco”）。

Answer 1

您可以導出 const 並從不同的文件中導入它們。

 // In file where constant declared
 export const myConst = "some value";

 //In imported file
 import {myConst} from "./fileWhereConstDeclared"

Answer 2

您可以導出它們：

export const playerStatsEco = {...}

export class playeco extends Component {...}

然后你可以像這樣從外部導入它們：

 import {playerStatsEco, playeco } from "./fileWhereConstDeclared"