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

Question

在react documentation我找到了这种导入 PureRenderMixin 的方法

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

怎么改成ES6风格。我唯一能做的就是:

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

希望有更好的方法

Answer 1

不幸的是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;