☰

[email protected] にアップデートした後、material-ui コンポーネントが使用できなくなりました。質問する

tag-icon • tag-icon reactjs material-ui
[email protected] にアップデートした後、material-ui コンポーネントが使用できなくなりました。質問する

コンソールに次のメッセージが表示されました:

失敗したコンテキストタイプ: 必要なコンテキストmuiThemeが指定されていませんAppBar

AppBar.js:158 キャッチされない TypeError: 未定義のプロパティ 'prepareStyles' を読み取ることができません

コンポーネントに AppBar があるだけで、動作するはずですが...ここに非常にシンプルなコードがあります:

import React from 'react';
import {AppBar} from 'material-ui';


    export class MyComponent extends React.Component {

        render() {
            return (
                <div>
                    <AppBar
                        title="Title"
                    />

                </div>
            );
        }

    }

助けてくれてありがとう...

ベストアンサー1

と[メールアドレス]いくつか変更がありました。

詳細については、以下のリンクをご覧ください。https://github.com/callemall/material-ui/blob/master/CHANGELOG.md

したがって、これらの変更により、コードは次のようになります。

    import React from 'react';
    import AppBar from 'material-ui/AppBar';
    import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme';
    import getMuiTheme from 'material-ui/styles/getMuiTheme';

        export class MyComponent extends React.Component {

            getChildContext() {
                return { muiTheme: getMuiTheme(baseTheme) };
            }

            render() {
                return (
                    <div>
                        <AppBar
                            title="Title"
                        />

                    </div>
                );
            }        
        }

        MyComponent.childContextTypes = {
            muiTheme: React.PropTypes.object.isRequired,
        };

おすすめ記事