CODEWITHSUNDEEP
javascriptmodulebrowserifyecmascript-6commonjs
Boris Zagoruiko
Boris Zagoruiko

Reputation: 13174

How to import part of object in ES6 modules

In the react documentation I found this way to import PureRenderMixin

var PureRenderMixin = require('react/addons').addons.PureRenderMixin;

How can it be rewritten in ES6 style. The only thing I can do is:

import addons from "react/addons";
let PureRenderMixin = addons.addons.PureRenderMixin;

I hope there is a better way.

Upvotes: 28

Views: 35412

Answers (2)

Daniel Storch
Daniel Storch

Reputation: 989

import PureRenderMixin from 'react-addons-pure-render-mixin';

See example here.

Upvotes: 4

just-boris
just-boris

Reputation: 9756

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;

Upvotes: 35

Related Questions