如何避免原生 Map 与 Immutable.Map 的混淆？
我在 react 项目（ES6 或更高版本，使用 babel 转译）中使用 immutable.js。 所以很多文件都以这样的导入开头：
import { Map } from 'immutable';
在有人将上述导入添加到使用native JS Map 的文件之前，一切都很好，这样new Map() 就变成了Immutable.Map。
因此，我可以导入整个不可变库 (import Immutable from 'immutable';) 并使用 Immutable.Map 引用它。但是，这可能会影响生成代码的大小（编译器可能无法确定没有使用整个导入的库）并且可能看起来不太好。
有更好的解决方案吗？我可以以某种方式专门引用原生 JS Map 吗？
【问题讨论】：
标签： javascript ecmascript-6 immutable.js
这里有两个选择。我喜欢第一个，但是 YMMV。
本机 JavaScript 模块不仅允许您为整个库导入命名，还可以为 individual named imports:import {Map as IMap} from 'immutable'; 命名。现在没有冲突，您的捆绑包大小应该更小。额外的好处：未来的维护者可能会更清楚代码的意图，他们现在会立即知道他们不是在处理普通的原生地图。
实际的构造函数是全局上下文的一个属性：只需引用window.Map，它不会与您导入到模块命名空间中的那个冲突。
【讨论】：
我建议在您的高阶组件中导入 Map 并将其作为道具传递给您的组件，或者使用import alias（如@Jared Smiths 回答中所建议的那样）
高阶组件
import { Map } from 'immutable';
class HigherOrderComponent extends React.Component {
render() {
return <myChildComponent map={Map} />;
}
}
我的孩子组件
class HigherOrderComponent extends React.Component {
componentDidMount () {
this.myMap = new this.props.Map();
}
render() {
// ...
}
}
【讨论】：