如何在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';

在這里查看示例。