ES2015で列挙型を使用する

Question

ES2015で列挙型を使用するにはどうすればよいですか？私は、次のことを試してみましたが、私はエラーを取得しています：私の列挙型用のファイルを作成し

は

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

errorTypes.js、すなわち、私はその後、私のコンポーネントを反応させ、次のようにそれを使用するにこれをインポートしようとした：

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

handleOnClick(event) { 

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

} 

私は取得していますエラーはあなたがデータCORをインポートまたはエクスポートされていない

Uncaught TypeError: Cannot read property 'INVALID_DATA' of undefined

Answer 1

です直腸にモジュールからデフォルトのエクスポートをインポートしようとしているためにエラーが発生していますが、モジュールにはデフォルトのエクスポートがないため、errorTypesはundefinedになります。

いずれかのデフォルトのエクスポートを使用します。

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

または名前付きインポートを使用します。

import {Types} from '...'; 

---

はMDNにimportとexport詳細については、こちらをご覧ください。