無法讀取未定義的“組件”：在瀏覽器中使用 material-ui

Question

我正在使用 browserify 來管理我的依賴項，如 material-ui 設置文檔中所述。 當我嘗試運行我的代碼時，控制台給了我這條消息：

Uncaught TypeError: Cannot read property 'component' of undefined ，可追溯到bundle.js:6769

在我的bundle.js文件中，第 6769 行是這個函數的返回語句：

    getThemeButton: function getThemeButton() {
        return this.context.muiTheme.component.button;
    },

我在這里缺少什么？ 我對 material-ui 和我正在使用的 material-ui 組件都有要求聲明。

我的 index.js 文件的頂部如下所示：

    var React = require('react');
    var injectTapEventPlugin = require('react-tap-event-plugin');
    var mui = require('material-ui');
    var RaisedButton = mui.RaisedButton;

    injectTapEventPlugin();

Answer 1

找到隱藏在文檔中的答案！

顯然，這是 material-ui 的必需部分（我不知道他們為什么不將其作為設置的一部分包含在內），但我需要在渲染類中包含此代碼段：

childContextTypes: {
    muiTheme: React.PropTypes.object
},

getChildContext: function() {
    return {
      muiTheme: ThemeManager.getCurrentTheme()
    };
},