gpt4 book ai didi

reactjs - 更新到material-ui@0.15.0-beta.1后我无法使用material-ui组件

转载 作者:行者123 更新时间:2023-12-03 13:07:04 25 4
gpt4 key购买 nike

我在控制台中收到此消息:

Failed Context Types: Required context muiTheme was not specified in AppBar

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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com