javascript - 如何在ES6模块中导入部分对象

在react documentation中，我找到了导入PureRenderMixin的方法

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

如何用ES6风格重写它。我唯一能做的是:

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

我希望有更好的方法。

最佳答案

不幸的是import statements不能像object destructuring一样工作。这里的花括号表示您要使用此名称导入 token ，而不是默认导出属性。看一下这对导入/导出:

 //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'

对于您的情况，您可以导入整个对象并进行解构分配

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