reactjs - 未捕获的 TypeError : _materialUi. Styles.ThemeManager 不是函数

Question

我编写了以下代码

import React from 'react';
import mui from 'material-ui';
import injectTapEventPlugin from 'react-tap-event-plugin';
let ThemeManager = new mui.Styles.ThemeManager();
let Colors = mui.Styles.Colors;

injectTapEventPlugin();

class App extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            messages : [{id: 1, text: 'Hi'}, {id: 2, text: 'Hello'}, {id: 3, text: 'World'}, {id: 4, text: 'test'}]
        };
    }

    getChildContext() {
        return {
            stores: this.props.stores,
            muiTheme: ThemeManager.getCurrentTheme()
        };
    }

    componentWillMount() {
        ThemeManager.setPalette({
            primary1Color: Colors.blue500
        });     
    }

    render() {
        var messageNodes = this.state.messages.map((message) => {
            return (<div key={message.id}>{message.text}</div>);
        });
        return (<div>{messageNodes}</div>);
    }
}

App.childContextTypes = {
    stores: React.PropTypes.object,
    muiTheme: React.PropTypes.object
};

export default App;

但它不断抛出错误

Uncaught TypeError: _materialUi2.default.Styles.ThemeManager is not a function

网上搜了又搜，很多人都解决了

https://github.com/callemall/material-ui/issues/1439

但相同的解决方案对我不起作用。

Answer 1

因此，在发布您的存储库后，我注意到您正在使用 mui 0.14，并且经过快速研究，您似乎不再需要 ThemeManager 的构造函数 - 在之前的版本中您是这样做的。

只需在导入时定义它:

import ThemeManager from 'material-ui/lib/styles/theme-manager';

来自:Material-UI

看一下标题为:1 的示例。将 React 生命周期方法与 Context 结合使用