我在控制台中收到此消息:
Failed Context Types: Required context
muiTheme
was not specified inAppBar
AppBar.js:158 Uncaught TypeError: Cannot read property 'prepareStyles' of undefined
我的组件中只有一个 AppBar 我认为它应该有效,但是...... 这是我非常简单的代码:
import React from 'react';
import {AppBar} from 'material-ui';
export class MyComponent extends React.Component {
render() {
return (
<div>
<AppBar
title="Title"
/>
</div>
);
}
}
感谢您的帮助...
最佳答案
使用material-ui@0.15.0.beta-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,
};
关于reactjs - 更新到material-ui@0.15.0-beta.1后我无法使用material-ui组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36953711/