How to import part of object in ES6 modules

by

Unfortunately import statements does not work like object destructuring. Curly braces here mean that you want to import token with this name but not property of default export. Look at this pairs of import/export:

 //module.js
 export default 'A';
 export var B = 'B';

 //script.js
 import A from './a.js';  //import value on default export
 import {B} from './a.js'; // import value by its name
 console.log(A, B); // 'A', 'B'

For your case you can import whole object and make a destructuring assignment 

 import addons from "react/addons";
 let {addons: {PureRenderMixin}} = addons;

More Related Contents:

  1. Pass options to ES6 module imports
  2. ES6 modules: Export single class of static methods OR multiple individual methods
  3. Node.js plans to support import/export ES6 (ECMAScript 2015) modules
  4. How to import jquery using ES6 syntax?
  5. How can I conditionally import an ES6 module?
  6. Relation between CommonJS, AMD and RequireJS?
  7. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  8. Browserify, Babel 6, Gulp – Unexpected token on spread operator
  9. How to use code from script with type=module [duplicate]
  10. Reason behind this self invoking anonymous function variant
  11. Importing modules using ES6 syntax and dynamic path [duplicate]
  12. Is there any one-line analogy in ES6 for ES5 `module.exports = require(‘./inner.js’)`?
  13. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  14. `if __name__ == ‘__main__’` equivalent in javascript es6 modules
  15. In the `import` syntax of ES6, how is a module evaluated exactly?
  16. Web Workers – How To Import Modules
  17. ES6+ javascript module export options
  18. Export multiple classes in ES6 modules
  19. ES6 module scope
  20. How to correctly use ES6 “export default” with CommonJS “require”?
  21. Node JS fs module inside browser
  22. Private properties in JavaScript ES6 classes
  23. Why can I change a constant object in javascript
  24. Defer execution for ES6 Template Literals
  25. Do I need require js when I use babel?
  26. Destructuring deep properties
  27. “unexpected token import” in Nodejs5 and babel?
  28. How to get the target of a JavaScript Proxy?
  29. Is it possible to export Arrow functions in ES6/7?
  30. ES6 module syntax: is it possible to `export * as Name from …`?

Leave a Comment