如何在 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"