Export an object to be reused in another JavaScript file without the default operator

Question

I have two files in a tree that defines an object.

The common.js file.

export default {
  table: {
    actions: {
      save:   'Save',
      delete: 'Delete',
      update: 'Update'
    }
  }
};

In another file, I am calling the common.js file I just stated.

var common = require('common.js');

And whenever I access the object, as said, I get this;

console.log(common);

{
  common:{
    default: {
      table: {
        actions: {
          save: 'Save',
          delete: 'Delete',
          update: 'Update'
        }
      }
    }
  }
}

What I'm looking forward to get is the following;

{
  common: {
    table: {
      actions: {
        save:   'Save',
        delete: 'Delete',
        update: 'Update'
      }
    }
  }
}

That is without the default key. Is there a way I can export the table object and get it without the default key?

CertainPerformance · Accepted Answer · 2019-05-11 10:21:47Z

1

Just use import syntax instead of require syntax, and the value of the import will be the default export:

import common from 'common.js';
const obj = {
  common,
  // ...
}

https://codesandbox.io/s/5350980o54

answered May 11, 2019 at 10:21

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Export an object to be reused in another JavaScript file without the default operator

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related