避免使用带有不可变映射的JS映射

这里有两种选择。我喜欢第一个,但YMMV。

1. 本机JavaScript模块允许您不仅别名整个库导入,而且 individual named imports : import {Map as IMap} from 'immutable'; .现在没有冲突,您的包大小应该更小。额外的好处:对于未来的维护人员来说,您的代码的意图可能会变得更加清晰,他们现在会立即知道他们没有处理普通的本地地图。

2. 实际的构造函数是全局上下文的属性:仅引用 window.Map 这不会与您导入到模块命名空间中的冲突。

我建议要么导入高阶组件中的映射,然后将其作为属性传递给组件,要么使用 import alias (如@jared smiths答案中所建议的)

高级组件

import { Map } from 'immutable';


class HigherOrderComponent extends React.Component { 
    render() {
        return <myChildComponent map={Map} />;
    }
}

mychild组件

class HigherOrderComponent extends React.Component { 
    componentDidMount () {
        this.myMap = new this.props.Map();
    }
    render() {
       // ...
    }
}