如何在 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);

};

当我尝试导出课程时，它可以工作。但是当我尝试使用这条线导出 const 时

export  {playeco, playerStatsEco};

发生此错误：

尝试导入错误：“./components/quiz/playeco”不包含默认导出（导入为“playeco”）。

Answer 1

你可以导出你的常量并从不同的文件中导入它们。 // 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"