Come importare parte di oggetto in moduli ES6

Question

Nel react documentation ho trovato questo modo per importare PureRenderMixin

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

Come può essere riscritto in stile ES6. L'unica cosa che posso fare è:

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

spero che ci sia un modo migliore.

Answer 1

Purtroppo import statements non funziona come object destructuring. Le parentesi graffe indicano che si desidera importare un token con questo nome ma non una proprietà di esportazione predefinita. Guarda a questo coppie di 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' 

Per il vostro caso è possibile importare tutto l'oggetto e fare un incarico destrutturazione

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

Answer 2

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

Vedi esempio here.