javascript - 在 ES2015 中使用枚举

Question

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

}

我得到的错误是

Uncaught TypeError: Cannot read property 'INVALID_DATA' of undefined

Answer 1

您没有正确导入或导出数据。您收到错误是因为您试图从模块导入默认导出，但由于模块没有默认导出，errorTypes 最终变为 undefined。

要么使用默认导出:

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

或者使用命名导入:

import {Types} from '...';

---

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