javascript - Material UI 和 React : ThemeManager is not a constructor

Question

我正在将 Material UI 添加到一个小型 React 应用程序中，但我相信我正在学习的教程已经过时，而且他们使用的是旧版本的 Material UI。我一直在 Web 控制台中收到 _materialUi2.default.Styles.ThemeManager is not a constructor 以及 Missing class properties transform。

Material UI 的文档不是很好，我不确定是否有更好的资源来查看他们的最新文档。

我认为问题出在 ThemeManager.setPalette() 上。有什么建议吗？

import React from 'react';
import mui from 'material-ui';
import MessageList from './MessageList.jsx';

// Material UI
import ThemeManager from 'material-ui/lib/styles/theme-manager';
import Colors from 'material-ui/lib/styles/colors';
import AppBar from 'material-ui/lib/app-bar';
import getMuiTheme from 'material-ui/lib/styles/getMuiTheme';

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

    ThemeManager.setPalette({
      primary1Color: Colors.blue500,
      primary2Color: Colors.blue700,
      primary3Color: Colors.blue100,
      accent1Color: Colors.pink400
    });
  }

  static childContextTypes = {
    muitheme: React.PropTypes.object
  }

  getChildContext() {
    return {
      muiTheme: ThemeManager.getMuiTheme()
    }
  }

  render() {
    return (
      <div>
        <AppBar title="Chat App"/>
        <MessageList />
      </div>
    );
  }
}

export default App;

Answer 1

你说得对，教程已经过时了。像这样导入:

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

另外:通过context传递的key必须叫“muiTheme”

查看此文档页面上的编号 1:http://www.material-ui.com/#/customization/themes