javascript - 在ES2015中使用枚举

如何在ES2015中使用枚举？我尝试了以下操作，但出现错误:

为我的枚举创建了文件，即errorTypes.js

export const Types = {
   MISSING_DATA: 0,
   INVALID_DATA: 1
}

然后，我尝试将其导入到我的React组件中，并按如下方式使用它:

import errorTypes from '../enums/errorTypes';

handleOnClick(event) {

   // Some logic here
   const newError = {type: errorTypes.INVALID_DATA, message: "Please type carefully!"};

}

我得到的错误是

最佳答案

您没有正确导入或导出数据。由于正在尝试从模块导入默认导出，所以出现了错误，但是由于模块没有默认导出，因此errorTypes最终成为undefined。

使用默认导出:

export default {
  MISSING_DATA: 0,
  INVALID_DATA: 1,
};

或使用命名的导入:

import {Types} from '...';

了解有关MDN上的 import 和 export 的更多信息。