如何在ES6模块中导入对象的一部分

Question

在react文档中，我找到了导入PureRenderMixin的这种方式

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

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

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

我希望有更好的方法。

Answer 1

不幸的是， 导入语句不能像对象分解那样工作。 这里的花括号表示您要使用该名称导入令牌，而不是默认导出属性。 看一下这对导入/导出：

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

Answer 2

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

在这里查看示例。