Question

155

Correct syntax to import constants in ES6

rated 0 times [ 156] [ 1] / answers: 1 / hits: 15793 / 6 Years ago, tue, august 28, 2018, 12:00:00

Given the following modules, how do I import the constants module and avoid having the default property included:

// constants.es6

export default {

    foo: 'foo',

    bar: 'bar'

}



// anotherModule.es6

import * as constants from './constants';

results in constants.default.foo

I can't seem to get the syntax correct to end up with constants.foo

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

deanna

Add To Favorites

Follow

Total Points: 84

Total Questions: 86

Total Answers: 107

Location: Cyprus

Member since Wed, Dec 8, 2021

3 Years ago

deanna questions

1 CastError: Cast to ObjectId failed for value XXXXXXXXXX (type string) at path _id for model XXXX

Thu, Apr 21, 22, 00:00, 2 Years ago

1 Next.js behavior on back button pressed

Mon, Sep 6, 21, 00:00, 3 Years ago

1 React-Router + Typescript error while wrapping component with Router No overload matches this call

Sat, Feb 13, 21, 00:00, 3 Years ago

1 Use the webpack asset module with a custom output filename

Sun, Jan 17, 21, 00:00, 3 Years ago

1 React js random color

Sun, Nov 15, 20, 00:00, 4 Years ago

View All

answered 6 Years ago dawnc · Accepted Answer

You shouldn't use an object for defining constants. Calling code is free to do constants.foo = 42; and change the value.

Use

export const foo = 'foo';

export const bar = 'bar';

instead.

Then the import statement you have, import * as constants from './constants';, will work as well.

If you don't want to change the way you define the constants, then your question is rather how do I import a default export, which is answered in these questions:

When should I use curly braces for ES6 import?

What is "export default" in javascript?