Question

我在控制台收到此消息：

失败的上下文类型：未指定必需的上下文muiTheme   AppBar

AppBar.js：158 Uncaught TypeError：无法读取属性'prepareStyles'   未定义的

我的Component中只有一个AppBar 我认为它应该工作，但...... 这里是我非常简单的代码：

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


    export class MyComponent extends React.Component {

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

                </div>
            );
        }

    }

感谢帮助...

Answer 1

使用material-ui@0.15.0.beta-1，一些事情发生了变化。

您可以在下面的链接中查看更多详情。 https://github.com/callemall/material-ui/blob/master/CHANGELOG.md

因此，通过这些更改，您的代码将变为：

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.postgresql_psycopg2',
        'NAME': 'yournewdb',
        'USER': 'yourusername',
        'PASSWORD': 'yourpassword',
        'HOST': 'localhost',
        'PORT': '5432',
    }
}

Answer 2

现在在0.15.0你可以使用muiThemeProvider：

$scope.Delivary.from=$filter("date")($scope.Delivary.from,'shortTime')
$scope.Delivary.to=$filter("date")($scope.Delivary.to,'shortTime')

所以你不必为儿童提供上下文。有关documentation的更多信息。

Answer 3

导入MuiThemeProvider，然后使用MuiThemeProvider包装material-ui组件AppBar。

import React, { Component } from 'react';
import AppBar from 'material-ui/AppBar';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import './App.css';

class App extends Component {

  render() {

    return ( 
      <MuiThemeProvider>
        <div>
          <AppBar title = "Title" />
        </div> 
      </MuiThemeProvider>
    );
  }
}

export default App;

更新到material-ui@0.15.0-beta.1

3 个答案: